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 相关文章推荐
js trim函数 去空格函数与正则集锦
Nov 20 Javascript
JavaScript检查某个function是否是原生代码的方法
Aug 20 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
Jun 01 Javascript
jquery实现列表上下移动功能
Feb 25 Javascript
bootstrap fileinput完整实例分享
Nov 08 Javascript
Vue计算属性的学习笔记
Mar 22 Javascript
JS 中使用Promise 实现红绿灯实例代码(demo)
Oct 20 Javascript
JS实现提交表单前的数字及邮箱校检功能
Nov 13 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
Sep 12 Javascript
vue 调用 RESTful风格接口操作
Aug 11 Javascript
JavaScript实现滑块验证解锁
Jan 07 Javascript
使用react+redux实现计数器功能及遇到问题
Jun 02 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 smarty模版引擎中的缓存应用
2009/12/11 PHP
php分页示例分享
2014/04/30 PHP
php绘制一条弧线的方法
2015/01/24 PHP
学习php设计模式 php实现单例模式(singleton)
2015/12/07 PHP
PHP filter_var() 函数, 验证判断EMAIL,URL等
2021/03/09 PHP
nodejs实用示例 缩址还原
2010/12/28 NodeJs
jquery异步调用页面后台方法&amp;#8207;(asp.net)
2011/03/01 Javascript
js单词形式的运算符
2014/05/06 Javascript
javascript实现完美拖拽效果
2015/05/06 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
2015/12/14 Javascript
JS正则表达式比较常见用法
2016/01/26 Javascript
Bootstrap下拉菜单效果实例代码分享
2016/06/30 Javascript
购物车前端开发(jQuery和bootstrap3)
2016/08/27 Javascript
详解js的事件代理(委托)
2016/12/22 Javascript
react+redux的升级版todoList的实现
2017/12/18 Javascript
Vue框架里使用Swiper的方法示例
2018/09/20 Javascript
基于vue-upload-component封装一个图片上传组件的示例
2018/10/16 Javascript
Nuxt.js开启SSR渲染的教程详解
2018/11/30 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
2019/01/07 Javascript
详解关于html,css,js三者的加载顺序问题
2019/04/10 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
2020/01/16 Javascript
python实现从pdf文件中提取文本,并自动翻译的方法
2018/11/28 Python
有关Tensorflow梯度下降常用的优化方法分享
2020/02/04 Python
python 实现压缩和解压缩的示例
2020/09/22 Python
python 发送邮件的四种方法汇总
2020/12/02 Python
NBA欧洲商店(西班牙):NBA Europe Store ES
2019/04/16 全球购物
会计专业大学生求职信范文
2014/01/28 职场文书
搞笑车尾标语
2014/06/23 职场文书
党员个人党性分析材料
2014/12/18 职场文书
2016春节慰问信范文
2015/03/25 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
2019年入党思想汇报格式与要求
2019/06/25 职场文书
【HBU】数据库第四周 单表查询
2021/04/05 SQL Server
SpringBoot项目中控制台日志的保存配置操作
2021/06/18 Java/Android
基于Redis的List实现特价商品列表功能
2021/08/30 Redis
css3手动实现pc端横向滚动
2022/06/21 HTML / CSS