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 相关文章推荐
javascript 兼容FF的onmouseenter和onmouseleave的代码
Jul 19 Javascript
合并table相同单元格的jquery插件分享(很精简)
Jun 20 Javascript
javascript中关于执行环境的杂谈
Aug 14 Javascript
如何判断微信内置浏览器(通过User Agent实现)
Sep 01 Javascript
JS获取网页图片name属性的方法
Apr 01 Javascript
Bootstrap网格系统详解
Apr 26 Javascript
Vue插件写、用详解(附demo)
Mar 20 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
Sep 04 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
Sep 28 Javascript
element-ui upload组件多文件上传的示例代码
Oct 17 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
前端canvas中物体边框和控制点的实现示例
Aug 05 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
电脑硬件及电脑配置知识大全
2020/03/17 数码科技
Centos下升级php5.2到php5.4全记录(编译安装)
2015/04/03 PHP
PHP的Trait机制原理与用法分析
2019/10/18 PHP
php装饰者模式简单应用案例分析
2019/10/23 PHP
javascript背投广告代码的完善
2008/04/08 Javascript
js 判断 enter 事件
2009/02/12 Javascript
两个select之间option的互相添加操作(jquery实现)
2009/11/12 Javascript
JavaScript 利用Cookie记录用户登录信息
2009/12/08 Javascript
IE JS无提示关闭窗口不提示的方法
2010/04/29 Javascript
javascript实现TreeView 无刷新展开的实例代码
2013/07/13 Javascript
jQuery查询数据返回object和字符串影响原因是什么
2013/08/09 Javascript
Vue.js基础知识汇总
2016/04/27 Javascript
Javascript闭包与函数柯里化浅析
2016/06/22 Javascript
微信小程序 LOL 英雄介绍开发实例
2016/09/30 Javascript
Javascript继承机制详解
2017/05/30 Javascript
详解性能更优越的小程序图片懒加载方式
2018/07/18 Javascript
对vue中的事件穿透与禁止穿透实例详解
2019/10/28 Javascript
微信小程序实现点击按钮后修改颜色
2019/12/05 Javascript
nodejs对mongodb数据库的增加修删该查实例代码
2020/01/05 NodeJs
JS实现音量控制拖动
2020/01/15 Javascript
JavaScript 链表定义与使用方法示例
2020/04/28 Javascript
Javascript call及apply应用场景及实例
2020/08/26 Javascript
[03:16]DOTA2完美大师赛小组赛精彩集锦
2017/11/22 DOTA
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
python 实现判断ip连通性的方法总结
2018/04/22 Python
Python实现的文本对比报告生成工具示例
2018/05/22 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
对django中foreignkey的简单使用详解
2019/07/28 Python
Django rstful登陆认证并检查session是否过期代码实例
2019/08/13 Python
浅谈Keras的Sequential与PyTorch的Sequential的区别
2020/06/17 Python
浅谈HTML5 &amp; CSS3的新交互特性
2016/07/19 HTML / CSS
司马光教学反思
2014/02/01 职场文书
2015元旦晚会主持人开场白+结束语
2014/12/14 职场文书
2015个人简历自我评价语
2015/03/11 职场文书
迎国庆主题班会
2015/08/17 职场文书
创业计划书之水果店
2019/07/18 职场文书