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 时,系统会提示猜测的数字偏大。

JavaScript 猜数字游戏实现

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

JavaScript 猜数字游戏实现

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

JavaScript 猜数字游戏实现

感兴趣的开发者可以尝试运行该代码进行体验。

以上就是本文的全部内容,希望能为各位的学习带来帮助,也欢迎大家继续支持本站。

作者最新文章