欢迎来到泰骏兴电子，大家有问题可以直接联系管理员QQ：233619809单片机 QQ群:59194556 各位游客也可以注册玩玩，享受更多权益。温馨提示：本网站仅提供平台学习以及渠道，一切后果自行承担，还望广大用户提高自我意识，请不要轻易相信他人，请不要轻易相信他人，请不要轻易相信他人。为了更好的管理论坛工作，所以现在使用邮箱注册，如果以前的邮箱不能修改的，请联系管理员代为修改

泰骏兴电子»论坛 › 编程语言 › HTML网页 › HTML编写的猜数字游戏

返回列表发新帖

查看: 78|回复: 0

HTML编写的猜数字游戏

发表于 2023-5-12 14:06:51 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？立即注册

×

实际上并没有什么用，纯属好玩

<!doctype html>
<html>
<head>
<title>猜数字游戏</title>
<meta charset="utf-8">
</head>
<body>
<h1>猜数字游戏</h1>
<p>请猜一个1到100之间的数字:</p>
<input type="text" id="guess">
<button onclick="checkGuess()">确定</button>
<p id="message"></p>
<script>
// 生成随机数
var numberToGuess = Math.floor(Math.random() * 100 + 1);
function checkGuess() {
// 获取用户输入
var guess = document.getElementById("guess").value;
// 判断用户输入是否合法
if (isNaN(guess) || guess < 1 || guess > 100) {
document.getElementById("message").innerHTML = "请输入1到100之间的数字";
} else {
// 判断用户输入是否正确
if (guess == numberToGuess) {
document.getElementById("message").innerHTML = "恭喜你猜对了！";
} else if (guess < numberToGuess) {
document.getElementById("message").innerHTML = "猜小了，请再试一次";
} else {
document.getElementById("message").innerHTML = "猜大了，请再试一次";
}
}
}
</script>
</body>
</html>

复制代码

回复

使用道具举报

返回列表发新帖

高级模式

B Color Image Link Quote Code Smilies

您需要登录后才可以回帖登录 | 立即注册

本版积分规则回帖后跳转到最后一页

|手机版|泰骏兴电子科技有限公司 ( 粤ICP备2023060260号-1 )

GMT+8, 2025-10-31 17:20

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表