Simple HTML Guessing Game - Play Now! - 常规

<html>
  <head>
    <title>Guessing Game</title>
  </head>
  <body>
    <h1>Guessing Game</h1>
    <p>I'm thinking of a number between 1 and 10. Can you guess it?</p>
    <input type="text" id="guess">
    <button onclick="checkGuess()">Guess</button>
    <p id="result"></p>
    <script>
      let secretNumber = Math.floor(Math.random() * 10) + 1;
      let resultElement = document.getElementById('result');
      function checkGuess() {
        let guessedNumber = document.getElementById('guess').value;
        if (guessedNumber == secretNumber) {
          resultElement.innerHTML = 'You guessed the number!';
        } else {
          resultElement.innerHTML = 'Sorry, try again!';
        }
      }
    </script>
  </body>
</html>