Simple HTML Number Guessing Game - Play Now! - 常规

<html>
  <head>
    <title>Guess the Number Game</title>
  </head>
  <body>
    <h1>Guess the Number Game</h1>
    <p>Guess a number between 1-10 and see if you can guess the correct number!</p>
    <input type='text' id='userGuess' />
    <button onclick='checkGuess()'>Check Guess</button>
    <p id='result'></p>
    <script>
      let correctNumber = 7;
      function checkGuess() {
        let userGuess = document.getElementById('userGuess').value;
        if (parseInt(userGuess) === correctNumber) {
          document.getElementById('result').innerHTML = 'Congratulations! You guessed the correct number!';
        } else {
          document.getElementById('result').innerHTML = 'Sorry, that is not correct. Please try again!';
        }      
      }
    </script>
  </body>
</html>