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 要点归纳(三) jQuery中的事件和动画(上:事件篇)
Mar 24 Javascript
javascript高级学习笔记整理
Aug 14 Javascript
js实现拖拽 闭包函数详细介绍
Nov 25 Javascript
浅析ajax请求json数据并用js解析(示例分析)
Jul 13 Javascript
JS简单实现浮动窗口效果示例
Sep 07 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
Apr 23 Javascript
详解如何构建Angular项目目录结构
Jul 13 Javascript
基于vue中keep-alive缓存问题的解决方法
Sep 21 Javascript
js图数据结构处理 迪杰斯特拉算法代码实例
Sep 11 Javascript
Vue 请求传公共参数的操作
Jul 31 Javascript
Vue路由 重定向和别名的区别说明
Sep 09 Javascript
详解Vue3 Teleport 的实践及原理
Dec 02 Vue.js
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随机字符串生成代码(包括大小写字母)
2013/06/24 PHP
php实现httpclient类示例
2014/04/08 PHP
php判断类是否存在函数class_exists用法分析
2014/11/14 PHP
php实现按照权重随机排序数据的方法
2015/01/09 PHP
PHP生成图片验证码功能示例
2017/01/12 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
PHP7 弃用功能
2021/03/09 PHP
获取HTML DOM节点元素的方法的总结
2009/08/21 Javascript
flexigrid 参数说明
2010/11/23 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
JS hashMap实例详解
2016/05/26 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
2016/11/25 Javascript
收藏AngularJS中最重要的核心功能
2017/07/09 Javascript
3种vue路由传参的基本模式
2018/02/22 Javascript
vue2.0+ 从插件开发到npm发布的示例代码
2018/04/28 Javascript
vue router的基本使用和配置教程
2018/11/05 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
2019/04/29 Javascript
JavaScript的变量声明与声明提前用法实例分析
2019/11/26 Javascript
[00:35]TI7不朽珍藏III——寒冰飞龙不朽展示
2017/07/15 DOTA
[54:06]OG vs TNC 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[02:46]完美世界DOTA2联赛PWL DAY4集锦
2020/11/03 DOTA
Python内置的HTTP协议服务器SimpleHTTPServer使用指南
2016/03/30 Python
python爬虫框架scrapy实战之爬取京东商城进阶篇
2017/04/24 Python
Python标准库笔记struct模块的使用
2018/02/22 Python
Python实现线程状态监测简单示例
2018/03/28 Python
python pyinstaller 加载ui路径方法
2019/06/10 Python
pytorch数据预处理错误的解决
2020/02/20 Python
重写django的model下的objects模型管理器方式
2020/05/15 Python
CSS3的transition和animation的用法实例介绍
2014/08/20 HTML / CSS
德国百年厨具品牌WMF美国站:WMF美国
2016/09/12 全球购物
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
在weblogic中发布ejb需涉及到哪些配置文件
2012/01/17 面试题
金融行业职业生涯规划范文
2014/01/17 职场文书
校园文明标语
2014/06/13 职场文书
践行党的群众路线心得体会
2014/11/05 职场文书
工作收入证明模板
2015/06/12 职场文书