js实现弹窗猜数字游戏

(编辑：jimmy 日期: 2024/12/28 浏览：3 次 )

本文实例为大家分享了js实现弹窗猜数字游戏的具体代码，供大家参考，具体内容如下

<!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，幸运数字

感兴趣的小伙伴可以尝试一下

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：VUE项目实现主题切换的多种方法
下一篇：Vue项目如何引入bootstrap、elementUI、echarts