js实现弹窗猜数字游戏

 更新时间:2020年11月26日 10:43:03   作者:澄欢�  
这篇文章主要为大家详细介绍了js实现弹窗猜数字游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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,幸运数字

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

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

相关文章

  • 微信小程序开发篇之踩坑记录

    微信小程序开发篇之踩坑记录

    这篇文章主要给大家介绍了关于微信小程序开发篇之踩坑记录的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • 使用JS 插件qrcode.js生成二维码功能

    使用JS 插件qrcode.js生成二维码功能

    qrcode.js是一个使用比较多的js生成二维码的插件,非常方便,接下来通过本文给大家分享使用JS 插件qrcode.js生成二维码功能,需要的朋友参考下
    2017-02-02
  • 利用OpenLayer绘制扇形的示例代码

    利用OpenLayer绘制扇形的示例代码

    这篇文章主要介绍了如何利用OpenLayer实现绘制扇形,文中的示例代码讲解详细,对我们学习OpenLayer有一定的帮助,感兴趣的可以了解一下
    2022-06-06
  • 微信小程序实现走马灯式抽奖

    微信小程序实现走马灯式抽奖

    这篇文章主要为大家详细介绍了微信小程序实现走马灯式抽奖,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • ie8本地图片上传预览示例代码

    ie8本地图片上传预览示例代码

    ie8本地图片上传预览出现问题是因为限制浏览器造访本地文件,所以用到滤镜和div,下面有个不错的示例,希望对大家有所帮助
    2014-01-01
  • 微信小程序实现顶部下拉菜单栏

    微信小程序实现顶部下拉菜单栏

    这篇文章主要为大家详细介绍了微信小程序实现顶部下拉菜单栏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • js数组实现权重概率分配

    js数组实现权重概率分配

    今天写了一个js控制页面轮播的功能,如果仅仅使用队列很简单,但是考虑到为每一个页面分配权重的是否变的异常复杂,使用switch和if else也无法解决,于是想到使用js数组实现
    2017-09-09
  • async/await地狱该如何避免详解

    async/await地狱该如何避免详解

    这篇文章主要给大家介绍了关于async/await地狱该如何避免的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-05-05
  • javascript简单进制转换实现方法

    javascript简单进制转换实现方法

    这篇文章主要介绍了javascript简单进制转换实现方法,涉及javascript字符串转换与数值操作相关技巧,需要的朋友可以参考下
    2016-11-11
  • 微信小程序实现地区选择伪五级联动

    微信小程序实现地区选择伪五级联动

    这篇文章主要为大家详细介绍了微信小程序实现地区选择伪五级联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07

最新评论