JavaScript 实现弹窗猜数字游戏完整代码
作者:异步漫步时间:2026-10-23 23:55:20浏览:158
本文提供使用 JavaScript 实现的猜数字游戏完整代码。通过 Math.random 生成随机数,利用 prompt 获取用户输入,结合 if-else 判断大小,并使用 confirm 控制游戏循环。代码包含完整的 HTML 结构和脚本逻辑,适合初学者参考学习前端交互实现。
JavaScript 猜数字游戏实现
本文分享了一段使用 JavaScript 编写的猜数字游戏示例代码,供读者参考学习。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var num = Math.floor(Math.random() * 100 + 1); // 产生0-100的数加以1
do {
var guess = parseInt(prompt("下面进行猜数字游戏,请输入1到100之间的整数:", ""));
if(guess === num) { //当guess值等同随机数值时,直接比较值
alert("恭喜你,猜对了,幸运数字是:" + num); //猜对数字弹出窗口
break;
} else {
if(guess > num) { //输入的值大于随机数时
alert("你猜的数字大了");
go_on = confirm("是否继续游戏?"); //confirm()方法返回一个一个带确认和取消按钮的对话框,点击确认,confirm返回true,点击取消,confirm返回false。
} else { //当猜的数字小于随机数时
alert("你猜的数字小了");
go_on = confirm("是否继续游戏?"); //对话框
}
}
} while (go_on); //当指定的条件为 true 时循环指定的代码块
alert("谢谢参与游戏!");
</script>
</body>
</html>
文章末尾提供了完整的源代码。
以下是网页运行的实际效果展示:当用户输入数字 30 时,系统会提示猜测的数字偏大。

用户点击确定后,系统会再次弹窗询问是否继续游戏;若点击确定则继续游戏,点击取消则退出。

根据提示可以推断目标数字在 30 以下。最终用户输入数字 13,成功猜中幸运数字。

感兴趣的开发者可以尝试运行该代码进行体验。
以上就是本文的全部内容,希望能为各位的学习带来帮助,也欢迎大家继续支持本站。
作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
