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打造PHP的AJAX表单提交实例
Nov 03 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 Javascript
从零学JS之你需要了解的几本书
May 19 Javascript
纯JS实现可拖拽表单的简单实例
Sep 02 Javascript
利用Node.js制作爬取大众点评的爬虫
Sep 22 Javascript
Vue数据驱动模拟实现3
Jan 11 Javascript
Node.js 使用流实现读写同步边读边写功能
Sep 11 Javascript
Vue 使用beforeEach实现登录状态检查功能
Oct 31 Javascript
js判断非127开头的IP地址的实例代码
Jan 05 Javascript
JS typeof fn === 'function' &amp;&amp; fn()详解
Aug 22 Javascript
如何阻止移动端浏览器点击图片浏览
Aug 29 Javascript
vuejs实现下拉框菜单选择
Oct 23 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使用smtp发送支持附件的邮件示例
2014/04/13 PHP
PHP设计模式(一)工厂模式Factory实例详解【创建型】
2020/05/02 PHP
不懂JavaScript应该怎样学
2008/04/16 Javascript
ext for eclipse插件安装方法
2008/04/27 Javascript
javascript获取当前ip的代码
2009/05/10 Javascript
ExtJs中简单的登录界面制作方法
2010/08/19 Javascript
JS正则表达式大全(整理详细且实用)
2013/11/14 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
jQuery的each循环用法简单示例
2016/06/12 Javascript
Angular.js 实现数字转换汉字实例代码
2016/07/14 Javascript
微信小程序微信支付接入开发实例详解
2017/04/12 Javascript
4个顶级JavaScript高级文本编辑器
2018/10/10 Javascript
Vue实现图片轮播组件思路及实例解析
2020/05/11 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
2020/09/04 Javascript
[00:29]2019完美世界全国高校联赛(秋季赛)总决赛海口落幕
2019/12/10 DOTA
Python设计模式之简单工厂模式实例详解
2019/01/22 Python
python读取txt文件并取其某一列数据的示例
2019/02/19 Python
Python时间序列处理之ARIMA模型的使用讲解
2019/04/02 Python
Python中的整除和取模实例
2020/06/03 Python
python 删除系统中的文件(按时间,大小,扩展名)
2020/11/19 Python
澳大利亚时尚前卫设计师珠宝在线:Amber Sceats
2017/10/04 全球购物
英国在线药房和在线医生:LloydsPharmacy
2019/10/21 全球购物
高中的自我鉴定
2013/12/16 职场文书
办理护照介绍信
2014/01/16 职场文书
秘书英文求职信
2014/04/16 职场文书
促销活动计划书
2014/05/02 职场文书
企业口号大全
2014/06/12 职场文书
在教室放鞭炮的检讨书
2014/09/28 职场文书
大学生就业推荐表自我评价
2015/03/02 职场文书
2016新教师培训心得体会范文
2016/01/08 职场文书
2016优秀青年志愿者事迹材料
2016/02/25 职场文书
运动会主持人开幕词
2016/03/04 职场文书
Java内存模型之happens-before概念详解
2021/06/13 Java/Android
Java基础之线程锁相关知识总结
2021/06/30 Java/Android
Golang 遍历二叉树
2022/04/19 Golang
mysql 子查询的使用
2022/04/28 MySQL