Simple HTML Number Guessing Game - Code & Tutorial - 常规

<html>
  <head>
    <title>Number Guessing Game</title>
  </head>
  <body>
    <h1>Number Guessing Game</h1>
    <h2>Instructions</h2>
    <p>
      Guess a number between 1 and 10 to win the game!
    </p>
    <form action="">
      <input type="text" name="guess" placeholder="Enter your guess here">
      <input type="submit" value="Guess">
    </form>
    <script>
      // Generate a random number between 1 and 10
      let randomNumber = Math.floor(Math.random() * 10) + 1;
      // Get the user's guess from the form
      let userGuess = document.querySelector('input[name="guess"]').value;
      // Check if the user guessed correctly
      if (randomNumber === userGuess) {
        alert('You guessed correctly! Congratulations!');
      } else {
        alert('Sorry, wrong guess. Try again!');
      }
    </script>
  </body>
</html>