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 相关文章推荐
Ruffy javascript 学习笔记
Nov 30 Javascript
跨域传值即主页面与iframe之间互相传值
Dec 09 Javascript
javascript使用onclick事件改变选中行的颜色
Dec 30 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
javascript实现html页面之间参数传递的四种方法实例分析
Dec 15 Javascript
jQuery 更改checkbox的状态,无效的解决方法
Jul 22 Javascript
Vue.directive自定义指令的使用详解
Mar 10 Javascript
微信小程序上传图片到服务器实例代码
Nov 07 Javascript
vue.js数据绑定操作详解
Apr 23 Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
Aug 14 Javascript
JavaScript中的连续赋值问题实例分析
Jul 12 Javascript
Javascript如何递归遍历本地文件夹
Aug 06 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
PHP 读取文件内容代码(txt,js等)
2009/12/06 PHP
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
php抽奖小程序的实现代码
2013/06/18 PHP
php统计时间和内存使用情况示例分享
2014/03/13 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
PHP使用PDO 连接与连接管理操作实例分析
2020/04/21 PHP
JavaScript面象对象设计
2008/04/28 Javascript
jquery cookie插件代码类
2009/05/26 Javascript
Jquery阻止事件冒泡 event.stopPropagation
2011/12/11 Javascript
JQuery的read函数与js的onload不同方式实现
2013/03/18 Javascript
jQuery Form 页面表单提交的小例子
2013/11/15 Javascript
jQuery带箭头提示框tooltips插件集锦
2014/11/17 Javascript
JavaScript 动态加载脚本和样式的方法
2015/04/13 Javascript
javascript实现框架高度随内容改变的方法
2015/07/23 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
IScroll5实现下拉刷新上拉加载的功能实例
2017/08/11 Javascript
Node.js成为Web应用开发最佳选择的原因
2018/02/05 Javascript
react 组件传值的三种方法
2019/06/03 Javascript
layui table数据修改的回显方法
2019/09/04 Javascript
加速vue组件渲染之性能优化
2020/04/09 Javascript
[47:31]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.12
2020/12/16 DOTA
Python subprocess模块学习总结
2014/03/13 Python
python 直接赋值和copy的区别详解
2019/08/07 Python
Python基于pandas爬取网页表格数据
2020/05/11 Python
详解python程序中的多任务
2020/09/16 Python
canvas探照灯效果的示例代码
2018/11/30 HTML / CSS
HTML5 Blob对象的具体使用
2020/05/22 HTML / CSS
Sneaker Studio乌克兰:购买运动鞋
2018/03/26 全球购物
公司领导推荐信
2013/11/12 职场文书
服装厂厂长职责
2013/12/16 职场文书
校庆团日活动总结
2014/08/28 职场文书
2014党员干部四风问题对照检查材料思想汇报
2014/09/24 职场文书
2014国庆节国旗下演讲稿(精选版)
2014/09/26 职场文书
个人学习群众路线心得体会
2014/11/05 职场文书
HTML5 语义化标签(移动端必备)
2021/08/23 HTML / CSS
golang语言指针操作
2022/04/14 Golang