Play Hangman Game Online - Guess the Word - 常规

<html>
<head>
  <meta charset="utf-8">
  <title>Hangman</title>
  <script>
    var word = ""; 
    var wordLength = 0; 
    var usedLetters = [];
    var lives = 6;
    var answerArray = [];
    var wins = 0;
    var losses = 0;
    var alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
<pre><code>function startGame() {
  // Generate a random word
  word = getRandomWord();
  wordLength = word.length;
  
  // Reset usedLetters
  usedLetters = [];
  
  // Reset lives
  lives = 6;
  
  // Reset answerArray
  answerArray = [];
  for (var i = 0; i &lt; wordLength; i++) {
    answerArray[i] = &quot;_&quot; ;
  }
  
  // Update HTML
  document.getElementById(&quot;word&quot;).innerHTML = answerArray.join(&quot; &quot;);
  document.getElementById(&quot;lives&quot;).innerHTML = lives;
  document.getElementById(&quot;wins&quot;).innerHTML = wins;
  document.getElementById(&quot;losses&quot;).innerHTML = losses;
}

function getRandomWord() {
  // Put words into an array
  var words = [&quot;javascript&quot;, &quot;programming&quot;, &quot;computer&quot;, &quot;ninja&quot;];
  // Generate a random number
  var randomNum = Math.floor(Math.random() * words.length);
  // Return random word
  return words[randomNum];
}

function checkLetter(letter) {
  // Check if letter has already been used
  if (usedLetters.indexOf(letter) != -1) {
    return;
  }
  // Add letter to usedLetters
  usedLetters.push(letter);
  
  // Check if letter is in word
  if (word.indexOf(letter) != -1) {
    // Update answerArray
    for (var i = 0; i &lt; wordLength; i++) {
      if (letter == word[i]) {
        answerArray[i] = letter;
      }
    }
  } else {
    // Wrong guess
    lives--;
  }
  
  // Update HTML
  document.getElementById(&quot;word&quot;).innerHTML = answerArray.join(&quot; &quot;);
  document.getElementById(&quot;lives&quot;).innerHTML = lives;
  
  // Check if word has been guessed
  if (answerArray.indexOf(&quot;_&quot;) == -1) {
    // Word guessed
    wins++;
    alert(&quot;You won!&quot;);
    startGame();
  }
  
  // Check if lives = 0
  if (lives == 0) {
    // Out of lives
    losses++;
    alert(&quot;You lost!&quot;);
    startGame();
  }
}
</code></pre>
  </script>
</head>
<body onload="startGame()">
  <h1>Hangman</h1>
  <div>
    <p>Wins: <span id="wins">0</span></p>
    <p>Losses: <span id="losses">0</span></p>
  </div>
  <div>
    <p>Word: <span id="word"></span></p>
    <p>Lives: <span id="lives">6</span></p>
  </div>
  <div>
    <p>
      <button onclick="startGame()">New Game</button>
    </p>
    <p>
      <button onclick="checkLetter('a')">A</button>
      <button onclick="checkLetter('b')">B</button>
      <button onclick="checkLetter('c')">C</button>
      <button onclick="checkLetter('d')">D</button>
      <button onclick="checkLetter('e')">E</button>
      <button onclick="checkLetter('f')">F</button>
      <button onclick="checkLetter('g')">G</button>
      <button onclick="checkLetter('h')">H</button>
      <button onclick="checkLetter('i')">I</button>
      <button onclick="checkLetter('j')">J</button>
      <button onclick="checkLetter('k')">K</button>
      <button onclick="checkLetter('l')">L</button>
      <button onclick="checkLetter('m')">M</button>
      <button onclick="checkLetter('n')">N</button>
      <button onclick="checkLetter('o')">O</button>
      <button onclick="checkLetter('p')">P</button>
      <button onclick="checkLetter('q')">Q</button>
      <button onclick="checkLetter('r')">R</button>
      <button onclick="checkLetter('s')">S</button>
      <button onclick="checkLetter('t')">T</button>
      <button onclick="checkLetter('u')">U</button>
      <button onclick="checkLetter('v')">V</button>
      <button onclick="checkLetter('w')">W</button>
      <button onclick="checkLetter('x')">X</button>
      <button onclick="checkLetter('y')">Y</button>
      <button onclick="checkLetter('z')">Z</button>
    </p>
  </div>
</body>
</html>