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

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

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

相关文章

  • webpack2.0配置postcss-loader的方法

    webpack2.0配置postcss-loader的方法

    本篇文章主要介绍了webpack2.0配置postcss-loader的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • js+html制作简单日历的方法

    js+html制作简单日历的方法

    这篇文章主要为大家详细介绍了js html制作简单日历的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • js中<script> 标签中type值及其含义

    js中<script> 标签中type值及其含义

    在 HTML 中的 script 标签中,type 属性用于指定脚本的 MIME 类型,也即告诉浏览器该如何解释和处理脚本的内容,这篇文章主要介绍了js中<script> 标签中type值及其含义,需要的朋友可以参考下
    2024-12-12
  • JavaScript同步与异步任务问题详解

    JavaScript同步与异步任务问题详解

    这篇文章主要介绍了JavaScript事件循环同步任务与异步任务,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的朋友可以参考一下
    2022-07-07
  • JavaScript中this关键字使用方法详解

    JavaScript中this关键字使用方法详解

    JavaScript中this关键字使用方法详解...
    2007-03-03
  • 原生JS实现目录滚动特效

    原生JS实现目录滚动特效

    这篇文章主要为大家详细介绍了原生JS实现目录滚动特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • uni-app实现NFC读取功能

    uni-app实现NFC读取功能

    这篇文章主要为大家详细介绍了uni-app实现NFC读取功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • javascript解析json格式的数据方法详解

    javascript解析json格式的数据方法详解

    这篇文章主要介绍了javascript解析json格式的数据方法详解,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • javascript修改IMG标签的src问题

    javascript修改IMG标签的src问题

    javascript修改IMG标签的SRC,在IE6下面图片修改正常,但在IE7和Firefox下面却不刷新,下面有个解决方法,大家可以参考下
    2014-03-03
  • javascript 加入收藏、设为首页(IE,firefox兼容脚本之家版)

    javascript 加入收藏、设为首页(IE,firefox兼容脚本之家版)

    网上流行很多的加入收藏、设为首页等功能代码,但各方面不是很完善,特脚本之家编辑特为大家准备了可以直接使用的代码。
    2009-11-11

最新评论