Guess the Number Game - Simple HTML Game

<div>
  <h1>Guess the Number</h1>
  <p>I'm thinking of a number between 1 and 10. Can you guess it?</p>
  <form name='guessNumber' id='guessNumber'>
    <label>
      Your Guess: <input type='number' name='guess' min='1' max='10' />
    </label>
    <input type='submit' value='Guess!' />
  </form>
  <div id='result'></div>
  <script>
    const form = document.querySelector('#guessNumber');
    const result = document.querySelector('#result');
    let numberToGuess = Math.floor(Math.random() * 10) + 1;

    form.addEventListener('submit', (e) => {
      e.preventDefault();
      let guess = form.guess.value;
      if (guess == numberToGuess) {
        result.innerHTML = 'You guessed it!';
      } else {
        result.innerHTML = 'Sorry, try again';
      }
    });
  </script>
</div>