平平科技工作室-HTML-猜数字游戏

作者：我家自动化 | 2024-05-07 22:05:36

踩

平平科技工作室-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>

二.运行展示

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/551493