html网页小游戏

最新推荐文章于 2024-04-29 10:40:41 发布

团团很腻害

最新推荐文章于 2024-04-29 10:40:41 发布

阅读量255

点赞数

文章标签：前端 html

本文链接：https://blog.csdn.net/m0_57790713/article/details/130151089

版权

<!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>