Simple HTML Guessing Game - Try Your Luck! - 常规

<html>
<head>
  <title>Simple HTML Game</title>
</head>
<body>
  <h1>Guess the Number!</h1>
  <p>I'm thinking of a number between 1 and 10. Can you guess it?</p>
  <script>
    var randomNumber = Math.floor(Math.random() * 10) + 1;
    var guesses = 3;
    var guess;
    
    function checkGuess() {
      if (guess == randomNumber) {
        alert('You guessed it! Congratulations!');
      }
      else {
        guesses--;
        if (guesses > 0) {
          alert('That's not it. You have ' + guesses + ' guesses left.');
        }
        else {
          alert('Sorry, you ran out of guesses. The number was ' + randomNumber);
        }
      }
    }
    
    while (guesses > 0) {
      guess = prompt('Enter your guess:');
      checkGuess();
    }
  </script>
</body>
</html>