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 相关文章推荐
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
Jan 09 Javascript
浅谈Javascript事件处理程序的几种方式
Jun 27 Javascript
jQuery插件扩展extend的简单实现原理
Jun 24 Javascript
Angular1.x复杂指令实例详解
Mar 01 Javascript
js实现网页定位导航功能
Mar 07 Javascript
浅谈react+es6+webpack的基础配置
Aug 09 Javascript
babel的使用及安装配置教程
Feb 22 Javascript
vue-cli项目优化方法- 缩短首屏加载时间
Apr 01 Javascript
详解vue-video-player使用心得(兼容m3u8)
Aug 23 Javascript
浅谈layui 绑定form submit提交表单的注意事项
Oct 25 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
Sep 18 Javascript
Vue实现简单购物车功能
Dec 13 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
php2html php生成静态页函数
2008/12/08 PHP
如何让搜索引擎抓取AJAX内容解决方案
2014/08/25 PHP
PHP自动补全表单的两种方法
2017/03/06 PHP
PHP大文件及断点续传下载实现代码
2020/08/18 PHP
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
2007/05/14 Javascript
prettify 代码高亮着色器google出品
2010/12/28 Javascript
jquery分页插件AmSetPager(自写)
2013/04/15 Javascript
javascript自定义函数参数传递为字符串格式
2014/07/29 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
2015/11/05 Javascript
three.js绘制地球、飞机与轨迹的效果示例
2017/02/28 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
2017/09/05 Javascript
Node.js爬取豆瓣数据实例分析
2018/03/05 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
javascript实现电商放大镜效果
2020/11/23 Javascript
用Python编写一个国际象棋AI程序
2014/11/28 Python
python函数局部变量用法实例分析
2015/08/04 Python
python 编程之twisted详解及简单实例
2017/01/28 Python
Django自定义分页效果
2017/06/27 Python
Python中int()函数的用法浅析
2017/10/17 Python
Django 生成登陆验证码代码分享
2017/12/12 Python
mac PyCharm添加Python解释器及添加package路径的方法
2018/10/29 Python
Django ManyToManyField 跨越中间表查询的方法
2018/12/18 Python
python3字符串操作总结
2019/07/24 Python
python修改字典键(key)的方法
2019/08/05 Python
python3实现从kafka获取数据,并解析为json格式,写入到mysql中
2019/12/23 Python
Python爬虫库requests获取响应内容、响应状态码、响应头
2020/01/25 Python
python 字符串的驻留机制及优缺点
2020/06/19 Python
Priority Pass机场贵宾室会籍计划:全球超过1200间机场贵宾室
2018/08/26 全球购物
定制iPhone和Macbook保护壳:Slick Case
2018/11/21 全球购物
System.Array.CopyTo()和System.Array.Clone()有什么区别
2016/06/20 面试题
长青弘远的面试题
2012/06/09 面试题
开会迟到检讨书
2014/02/03 职场文书
小学生国庆65周年演讲稿范文(2篇)
2014/09/21 职场文书
党员学习群众路线心得体会
2014/11/04 职场文书
2019客服个人年终工作总结范文
2019/07/08 职场文书
Django数据库(SQlite)基本入门使用教程
2022/07/07 Python