首页用js html做一个猜数字

用js html做一个猜数字

时间: 2023-06-10 21:08:49 浏览: 99

好的，以下是一个简单的猜数字游戏的示例代码： ```html <!DOCTYPE html> <html> <head> <title>猜数字游戏</title> </head> <body> <h1>猜数字游戏</h1> <p>请输入一个1到100之间的整数：</p> <input type="text" id="guess"> <button onclick="checkGuess()">猜！</button> <p id="message"></p> <script> // 生成随机数 var randomNumber = Math.floor(Math.random() * 100) + 1; // 检查猜测 function checkGuess() { var guess = document.getElementById("guess").value; if (guess < 1 || guess > 100) { document.getElementById("message").innerHTML = "请输入一个1到100之间的整数！"; } else if (guess < randomNumber) { document.getElementById("message").innerHTML = "太小了！再试一次。"; } else if (guess > randomNumber) { document.getElementById("message").innerHTML = "太大了！再试一次。"; } else { document.getElementById("message").innerHTML = "恭喜你，猜对了！"; } } </script> </body> </html> ``` 在这个示例中，我们使用了 HTML 和 JavaScript 来创建一个简单的猜数字游戏。当用户输入一个数字并点击“猜”按钮时，我们会检查他们的猜测并告诉他们是太大了、太小了还是猜对了。我们使用 `Math.random()` 函数来生成一个随机数，然后将它存储在 `randomNumber` 变量中。在每次游戏中，玩家需要猜测一个 1 到 100 之间的数字。如果他们的猜测正确，我们会在屏幕上显示一个恭喜消息。

阅读全文