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

<html>
  <head>
    <title>Number Guessing Game</title>
  </head>
  <body>
    <h1>Number Guessing Game</h1>
    <p>Guess a number between 1 and 10.</p>
    <input type='text' id='guessField' autocomplete='off'>
    <button id='submitGuess'>Guess!</button>
    <script>
      let randomNumber = Math.floor(Math.random()*10)+1;
      document.getElementById('submitGuess').addEventListener('click', checkGuess);
      function checkGuess(){
        let userGuess = Number(document.getElementById('guessField').value);
        if(userGuess === randomNumber){
          alert('You guessed the number!');
        }
        else{
          alert('Wrong! Try again!');
        }
      }
    </script>
  </body>
</html>