Simple HTML Guessing Game - Play Now! - 常规

<html>
  <head>
      <title>Guess the Number Game!</title>
  </head>
  <body>
  <h1>Guess the Number Game!</h1>
<script>
   var randomNumber = Math.floor(Math.random() * 10) + 1;
   var guess;
   var guesses = 0;
   var finished = false;
   var output = document.getElementById('output');

   function guessGame(){
    guess = document.getElementById('guessField').value;
    if(guess == randomNumber){
        output.innerHTML = 'Congrats! You guessed the correct number!';
        finished = true;
    } else if(guesses == 5){
        output.innerHTML = 'You've had 5 guesses. The correct number was ' + randomNumber;
        finished = true;
    } else {
        output.innerHTML = 'Wrong guess! Try again.';
        guesses++;
    }
   }

  </script>
  <p>Guess a number between 1 and 10:</p>
  <input type="text" id="guessField" />
  <button onclick="guessGame()">Guess!</button>
  <div id="output"></div>
  </body>
</html>