<!DOCTYPE html>
<html>
   <head>
      <title>Play a Number Guessing Game -  Guess the Random Number</title>
   </head>
   <body>
      <h1>Number Guessing Game</h1>
      <p>Guess a number between 1 and 10 and click submit.</p>
      <form action="">
         <input type="number" name="guess" min="1" max="10"/>
         <input type="submit" value="Submit"/>
      </form>
      <script>
         let randomNumber = Math.floor(Math.random() * 10) + 1;
         document.querySelector('form').addEventListener('submit', function(e) {
            e.preventDefault();
            let guess = document.querySelector('input[name="guess"]').value;
            if (guess == randomNumber) {
               alert('You guessed the correct number!');
            } else {
               alert('Sorry, wrong number!');
            } 
         });
      </script>
   </body>
</html>
Play a Number Guessing Game -  Guess the Random Number

原文地址: https://www.cveoy.top/t/topic/lmr9 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录