JavaScript 实现网页端猜数字小游戏
作者:纸飞机时间:2026-10-24 04:01:19浏览:303
本文介绍如何使用原生 JavaScript 在网页端实现一个简单的猜数字游戏。程序生成 0 到 100 之间的随机整数,通过 prompt 接收用户输入,判断大小并反馈结果,支持无效输入检测与猜测次数统计,适合初学者学习 DOM 交互与逻辑控制。
JavaScript 实现网页端猜数字小游戏
本文提供了一段使用 JavaScript 编写的网页端猜数字游戏的完整代码,供读者参考学习。
游戏功能描述
游戏功能描述如下:
系统随机生成一个 0 到 100 之间的整数。用户需通过输入猜测该数字。若输入值大于随机数,系统提示“太大”;若小于随机数,提示“太小”;若相等,则提示“恭喜你猜对了,这个数是…”。每次猜测后,程序会显示当前是第几次猜测。若用户输入非数字或超出范围,系统会提示“输入无效”。
代码实现部分
代码实现部分如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>猜数字小游戏</title>
<script type="text/javascript">
var Random = Math.floor(Math.random()*101)
alert("猜测一个0到100之间的整数")
for (var i = 1; ; i++ ) {
var val = prompt("第"+i+"次猜,请输入一个整形数字")
if (isNaN(val) || val > 100 || val < 0) {
alert("输入无效,请输入一个0到100之间的整数。")
} else {
if (val < Random) {
alert("太小了,请再猜一次。")
} else if (val > Random) {
alert("太大了,请再猜一次。")
} else if (val == Random) {
alert("恭喜你猜对了,这个数是"+val)
break
}
}
}
</script>
</head>
<body>
</body>
</html>
该示例未使用 CSS 样式渲染,直接在 HTML 中嵌入 JavaScript 代码即可运行。整体逻辑简洁,主要展示核心交互流程,具体效果可参考下方代码运行结果。

以上内容为本文的全部代码与说明,希望对学习 JavaScript 基础交互有所帮助。欢迎继续支持本站获取更多技术分享。
作者最新文章
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
