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 相关文章推荐
获取中文字符串的实际长度代码
Jun 05 Javascript
JavaScript判断文件上传类型的方法
Sep 02 Javascript
Egret引擎开发指南之创建项目
Sep 03 Javascript
JavaScript比较两个对象是否相等的方法
Feb 06 Javascript
学习javascript面向对象 理解javascript原型和原型链
Jan 04 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
js实现登录验证码
Dec 22 Javascript
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
Apr 26 Javascript
深究AngularJS之ui-router详解
Jun 13 Javascript
快速解决vue-cli不能初始化webpack模板的问题
Mar 20 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 Xdebug 调试扩展的安装与使用.
2010/03/13 PHP
destoon会员注册提示“数据校验失败(2)”解决方法
2014/06/21 PHP
Laravel 5 框架入门(二)构建 Pages 的管理功能
2015/04/09 PHP
用php代码限制国内IP访问我们网站
2015/09/26 PHP
php ci 获取表单中多个同名input元素值的代码
2016/03/25 PHP
PHP中类的继承和用法实例分析
2016/05/24 PHP
PHP内置加密函数详解
2016/11/20 PHP
Symfony查询方法实例小结
2017/06/28 PHP
laravel通过a标签从视图向控制器实现传值
2019/10/15 PHP
range 标准化之获取
2011/08/28 Javascript
jquery事件与函数的使用介绍
2013/09/29 Javascript
采用call方式实现js继承
2014/05/20 Javascript
jQuery的缓存机制浅析
2014/06/07 Javascript
js验证真实姓名与身份证号是否匹配
2015/10/13 Javascript
JS中append字符串包含onclick无效传递参数失败的解决方案
2016/12/26 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
2017/02/22 Javascript
详解Vue2.0 事件派发与接收
2017/09/05 Javascript
postman自定义函数实现 时间函数的思路详解
2019/04/17 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
vue 图片裁剪上传组件的实现
2020/11/12 Javascript
python进程管理工具supervisor使用实例
2014/09/17 Python
详细解读Python中的__init__()方法
2015/05/02 Python
完美解决Python2操作中文名文件乱码的问题
2017/01/04 Python
python中模块查找的原理与方法详解
2017/08/11 Python
python解决pandas处理缺失值为空字符串的问题
2018/04/08 Python
flask中的wtforms使用方法
2018/07/21 Python
python通过链接抓取网站详解
2019/11/20 Python
详解python 破解网站反爬虫的两种简单方法
2020/02/09 Python
Django自关联实现多级联动查询实例
2020/05/19 Python
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
世界知名接发和假发品牌:Poze Hair
2017/03/08 全球购物
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
J2EE是技术还是平台还是框架
2016/08/14 面试题
会议通知
2015/04/15 职场文书
Spring Boot 实现敏感词及特殊字符过滤处理
2021/06/29 Java/Android
python字符串拼接.join()和拆分.split()详解
2021/11/23 Python