html写一个猜数字游戏,HTML5猜字游戏

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

var wordChoices = [

'hangman',

'untitled',

'captain',

'anonymous',

'save',

'settings',

'change view',

'log in',

'sign up',

'console',

'assets',

'shortcuts',

'comments',

'delete',

'collections',

'fork',

'share',

'export',

'embed'

];

var result = 0;

var wordStorage = '';

var guesses = '';

var missStorage = '';

var word = document.querySelector('#word');

var guess = document.querySelector('#guess');

var misses = document.querySelector('#misses');

var man = document.querySelectorAll('.man-0');

function generateWordStorage() {

wordStorage = wordChoices[Math.floor(Math.random() * wordChoices.length)];

}

function generateGuessWord() {

var guessWord = '';

var isFinish = true;

for (var i = 0; i < wordStorage.length; i++) {

if (wordStorage[i] != ' ') {

if (guesses.toUpperCase().indexOf(wordStorage[i].toUpperCase()) >= 0) {

guessWord += wordStorage[i].toUpperCase() + ' ';

} else {

guessWord += '_ ';

isFinish = false;

}

} else {

guessWord += '  ';

}

}

word.innerHTML = 'WORD: ' + guessWord;

if (isFinish) {

result = 1;

}

}

function generateMisses() {

var missedLetters = '';

for (var i = 0; i < man.length; i++) {

man[i].style.display = 'none';

}

for (var i = 0; i < missStorage.length; i++) {

document.querySelector('.man-' + (i + 1)).style.display = 'block';

missedLetters += missStorage[i] + ', ';

}

missedLetters = missedLetters.substring(0, missedLetters.length - 2);

misses.innerHTML = 'MISSES: ' + missedLetters;

if (missStorage.length >= 6) {

result = 2;

}

}

function initializeGame() {

result = 0;

wordStorage = '';

guesses = '';

missStorage = '';

word.innerText = '';

guess.value = '';

misses.innerText = '';

generateWordStorage();

generateGuessWord();

generateMisses();

guess.disabled = false;

}

initializeGame();

guess.addEventListener('keypress', function(evt) {

if (evt.keyCode === 13) {

if (result === 0) {

var getTime = setInterval(function() {

if (wordStorage.toUpperCase().indexOf(guess.value.toUpperCase()) >= 0) {

guesses += guess.value.toUpperCase();

} else {

if (missStorage.toUpperCase().indexOf(guess.value.toUpperCase()) < 0) {

missStorage += guess.value.toUpperCase();

}

}

guess.value = '';

generateGuessWord();

generateMisses();

clearInterval(getTime);

var getTime2 = setInterval(function() {

if (result === 1) {

guess.disabled = true;

if (confirm('You won! You have ' + missStorage.length + ' miss(es). ' + 'Do you like to try again?')) {

initializeGame();

}

} else if (result === 2) {

guess.disabled = true;

if (confirm('You lose! The answer is "' + wordStorage + '". Better luck next time. Do you like to try again?')) {

initializeGame();

}

}

clearInterval(getTime2);

});

}, 100);

}

}

});