js实现弹窗猜数字游戏


Posted in Javascript onNovember 26, 2020

本文实例为大家分享了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时,猜的数字偏大

js实现弹窗猜数字游戏

确定后会再弹窗询问是否继续,确定就继续游戏,取消就退出游戏。

js实现弹窗猜数字游戏

那我们就可以确定数字在30以下了
最后输入一次数字13,幸运数字

js实现弹窗猜数字游戏

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

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

Javascript 相关文章推荐
jQuery 开发者应该注意的9个错误
May 03 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
Jul 05 Javascript
jquery实现checkbox全选全不选的简单实例
Dec 31 Javascript
html dom节点操作(获取/修改/添加或删除)
Jan 23 Javascript
jQuery CSS()方法改变现有的CSS样式
Aug 20 Javascript
浅谈JavaScript中的作用域和闭包问题
Jul 07 Javascript
jQuery实现提示密码强度的代码
Jul 15 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
Sep 20 Javascript
全面解析jQuery中的$(window)与$(document)的用法区别
Aug 15 jQuery
JS实现计算小于非负数n的素数的数量算法示例
Feb 26 Javascript
Vue插件从封装到发布的完整步骤记录
Feb 28 Javascript
JS实现简易留言板增删功能
Feb 08 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 #Vue.js
vue实现广告栏上下滚动效果
Nov 26 #Vue.js
javascript实现前端分页功能
Nov 26 #Javascript
关于angular 8.1使用过程中的一些记录
Nov 25 #Javascript
Vue组件生命周期运行原理解析
Nov 25 #Vue.js
vue element-ul实现展开和收起功能的实例代码
Nov 25 #Vue.js
在Vue中使用mockjs代码实例
Nov 25 #Vue.js
You might like
自动分页的不完整解决方案
2007/01/12 PHP
PHP中文URL编解码(urlencode()rawurlencode()
2010/07/03 PHP
全局记录程序片段的运行时间 正确找到程序逻辑耗时多的断点
2011/01/06 PHP
PHP转盘抽奖接口实例
2015/02/09 PHP
比较简单的一个符合web标准的JS调用flash方法
2007/11/29 Javascript
javascript 类型判断代码分析
2010/03/28 Javascript
js实现收缩菜单效果实例代码
2013/10/30 Javascript
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
2015/01/24 Javascript
jQuery仿天猫实现超炫的加入购物车
2015/05/04 Javascript
js实现一个链接打开两个链接地址的方法
2015/05/12 Javascript
jQuery与getJson结合的用法实例
2015/08/07 Javascript
Javascript刷新窗口方法小结
2015/10/21 Javascript
封装属于自己的JS组件
2016/01/27 Javascript
JQuery实现DIV其他动画效果的简单实例
2016/09/18 Javascript
javascript实现右下角广告框效果
2017/02/01 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
2017/03/08 Javascript
详解Angular-Cli中引用第三方库
2017/05/21 Javascript
深入理解Vue nextTick 机制
2018/04/28 Javascript
深入浅析Vue中的Prop
2018/06/10 Javascript
webpack4.0 入门实践教程
2018/10/08 Javascript
javascriptvoid(0)含义以及与&quot;#&quot;的区别讲解
2019/01/19 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
vue resource发送请求的几种方式
2019/09/30 Javascript
vue之debounce属性被移除及处理详解
2019/11/13 Javascript
[49:08]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python批量添加zabbix Screens的两个脚本分享
2017/01/16 Python
python万年历实现代码 含运行结果
2017/05/20 Python
Python实现的读取文件内容并写入其他文件操作示例
2019/04/09 Python
python中的split()函数和os.path.split()函数使用详解
2019/12/21 Python
中国旅游网站:同程旅游
2016/09/11 全球购物
土木工程应届生求职信
2013/10/31 职场文书
经贸专业毕业生求职信范文
2014/05/01 职场文书
环卫工人先进事迹材料
2014/06/02 职场文书
欢迎标语大全
2014/06/21 职场文书
创业计划书之服装
2019/10/07 职场文书
Golang并发操作中常见的读写锁详析
2021/08/30 Golang