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 相关文章推荐
prototype1.4中文手册
Sep 22 Javascript
IE 条件注释详解总结(附实例代码)
Aug 29 Javascript
JS如何判断移动端访问设备并解析对应CSS
Nov 27 Javascript
javascript中String对象的slice()方法分析
Dec 20 Javascript
JavaScript设计模式学习之“类式继承”
Mar 12 Javascript
Javascript获取数组中的最大值和最小值的方法汇总
Jan 01 Javascript
跨域资源共享 CORS 详解
Apr 26 Javascript
js常用正则表达式集锦
May 17 Javascript
微信小程序—setTimeOut定时器的问题及解决
Jul 26 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
Nov 13 Javascript
javascript的delete运算符知识点总结
Nov 19 Javascript
微信小程序如何实现精确的日期时间选择器
Jan 21 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的类 功能齐全的发送邮件类
2006/10/09 PHP
PHP中iconv函数转码时截断字符问题的解决方法
2015/01/21 PHP
PHP curl 或 file_get_contents 获取需要授权页面的方法
2017/05/05 PHP
javascript类继承机制的原理分析
2009/09/12 Javascript
firefox浏览器不支持innerText的解决方法
2013/08/07 Javascript
javascript中的取反再取反~~没有意义
2014/04/06 Javascript
深入理解Javascript中this的作用域
2014/08/12 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
javascript中checkbox使用方法实例演示
2015/11/19 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
JavaScript定时器制作弹窗小广告
2017/02/05 Javascript
原生javascript实现分页效果
2017/04/21 Javascript
Vue应用部署到服务器的正确方式
2017/07/15 Javascript
JS中利用FileReader实现上传图片前本地预览功能
2018/03/02 Javascript
Vue在页面数据渲染完成之后的调用方法
2018/09/11 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
2019/04/02 Javascript
js计算最大公约数和最小公倍数代码实例
2019/09/11 Javascript
简单文件操作python 修改文件指定行的方法
2013/05/15 Python
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
python实现flappy bird小游戏
2018/12/24 Python
Python read函数按字节(字符)读取文件的实现
2019/07/03 Python
django 基于中间件实现限制ip频繁访问过程详解
2019/07/30 Python
详解python中__name__的意义以及作用
2019/08/07 Python
CSS3实现的文本3D效果附图
2014/09/03 HTML / CSS
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
linux系统都有哪些运行级别
2016/03/26 面试题
2014年五四青年节活动方案
2014/03/29 职场文书
个人房屋买卖协议书(范本)
2014/10/04 职场文书
街道党工委党的群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
小学班主任经验交流材料
2014/12/16 职场文书
2015年前台文员工作总结
2015/05/18 职场文书
iPhone13再次曝光
2021/04/15 数码科技
教你使用VS Code的MySQL扩展管理数据库的方法
2022/01/22 MySQL
python中pycryto实现数据加密
2022/04/29 Python
如何用H5实现好玩的2048小游戏
2022/07/23 HTML / CSS