本文介绍如何使用原生 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 基础交互有所帮助。欢迎继续支持本站获取更多技术分享。