html网页小游戏

<!DOCTYPE html>
<html>
<head>
 <title>猜数字游戏</title>
</head>
<body>
 <h1>猜数字游戏</h1>
 <p>猜测一个1-100的随机数字。</p >
 <input type="text" id="guessInput">
 <button onclick="checkGuess()">猜测</button>
 <p id="result"></p >
 <script>
  // 生成随机数字
  var randomNumber = Math.floor(Math.random() * 100) + 1;
  // 定义函数检查猜测结果
  function checkGuess() {
   // 获取输入框的值
   var guess = parseInt(document.getElementById("guessInput").value);
   // 判断是否正确
   if (guess === randomNumber) {
    document.getElementById("result").innerHTML = "恭喜你,猜对了!";
   } else if (guess < randomNumber) {
    document.getElementById("result").innerHTML = "猜小了,请再试一次。";
   } else {
    document.getElementById("result").innerHTML = "猜大了,请再试一次。";
   }
  }
 </script>
</body>
</html>

猜数字游戏html代码

猜你喜欢

转载自blog.csdn.net/m0_57790713/article/details/130151089