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拓展String方法小结
Jul 08 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
Dec 08 Javascript
js制作简易年历完整实例
Jan 28 Javascript
深入理解js promise chain
May 05 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
Mar 09 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
angular实现spa单页面应用实例
Jul 10 Javascript
vue弹窗插件实战代码
Sep 08 Javascript
js实现同一个页面,多个enter事件绑定的示例
Oct 10 Javascript
laypage.js分页插件使用方法详解
Jul 27 Javascript
通过扫小程序码实现网站登陆功能
Aug 22 Javascript
微信小程序实现列表的横向滑动方式
Jul 15 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
全国FM电台频率大全 - 14 江西省
2020/03/11 无线电
PHP把空格、换行符、中文逗号等替换成英文逗号的正则表达式
2014/05/04 PHP
PHP实现QQ空间自动回复说说的方法
2015/12/02 PHP
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
js 使用form表单select类实现级联菜单效果
2012/12/19 Javascript
利用jQuery实现可输入搜索文字的下拉框
2013/10/23 Javascript
jquery实现的用户注册表单提示操作效果代码分享
2015/08/28 Javascript
TinyMCE汉化及本地上传图片功能实例详解
2016/05/31 Javascript
jQuery UI插件实现百度提词器效果
2016/11/21 Javascript
巧用数组制作图片切换js代码
2016/11/29 Javascript
JavaScript在form表单中使用button按钮实现submit提交方法
2017/01/23 Javascript
JS实现的简单四则运算计算器功能示例
2017/09/27 Javascript
React Native 使用Fetch发送网络请求的示例代码
2017/12/02 Javascript
利用nodeJs anywhere搭建本地服务器环境的方法
2018/05/12 NodeJs
关于vue利用postcss-pxtorem进行移动端适配的问题
2019/11/20 Javascript
js实现鼠标拖拽div左右滑动
2020/01/15 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
2020/07/20 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
2021/02/04 jQuery
[01:02:25]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS VG
2014/05/25 DOTA
在Django的上下文中设置变量的方法
2015/07/20 Python
python中根据字符串调用函数的实现方法
2016/06/12 Python
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
用Pytorch训练CNN(数据集MNIST,使用GPU的方法)
2019/08/19 Python
python 爬取疫情数据的源码
2020/02/09 Python
Python hashlib模块的使用示例
2020/10/09 Python
“型”走纽约上东区:Sam Edelman
2017/04/02 全球购物
英国简约舒适女装品牌:Great Plains
2018/07/27 全球购物
应届毕业生求职信范文
2013/12/18 职场文书
小学生开学第一课活动方案
2014/03/27 职场文书
公司董事长助理工作职责
2014/07/12 职场文书
2014年基层党支部工作总结
2014/12/04 职场文书
2015年三万活动总结
2015/03/25 职场文书
班主任培训研修日志
2015/11/13 职场文书
再见,2019我们不负使命;你好,2020我们砥砺前行
2020/01/03 职场文书
Pytorch GPU内存占用很高,但是利用率很低如何解决
2021/06/01 Python
Apache Linkis 中间件架构及快速安装步骤
2022/03/16 Servers