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 textlimit 显示用户输入的字符数 限制用户输入的字符数
May 14 Javascript
JS 操作符整理[推荐收藏]
Nov 15 Javascript
JavaScript实现页面5秒后自动跳转的方法
Apr 16 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
Oct 02 Javascript
jquery对Json的各种遍历方法总结(必看篇)
Sep 29 Javascript
jQuery File Upload文件上传插件使用详解
Dec 06 Javascript
javascript基于原型链的继承及call和apply函数用法分析
Dec 15 Javascript
JS去除字符串中空格的方法
Feb 14 Javascript
利用node实现一个批量重命名文件的函数
Dec 21 Javascript
基于vue 开发中出现警告问题去除方法
Jan 25 Javascript
vue2.0安装style/css loader的方法
Mar 14 Javascript
vue实现二级导航栏效果
Oct 19 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
索尼SONY ICF-7600A(W)电路分析
2021/03/01 无线电
Ajax PHP分页演示
2007/01/02 PHP
php empty() 检查一个变量是否为空
2011/11/10 PHP
php 阴历-农历-转换类代码
2012/01/16 PHP
sae使用smarty模板的方法
2013/12/17 PHP
Zend Framework框架路由机制代码分析
2016/03/22 PHP
Laravel源码解析之路由的使用和示例详解
2018/09/27 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
2012/03/04 Javascript
jquery.qrcode在线生成二维码使用示例
2013/08/21 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
2014/03/26 Javascript
jQuery读取XML文件内容的方法
2015/03/09 Javascript
分享9点个人认为比较重要的javascript 编程技巧
2015/04/27 Javascript
JQuery入门基础小实例(1)
2015/09/17 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
javascript每日必学之封装
2016/02/23 Javascript
jquery实现列表上下移动功能
2016/02/25 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
2016/08/11 Javascript
Vue.js原理分析之observer模块详解
2017/02/17 Javascript
AngularJS表格添加序号的方法
2017/03/03 Javascript
详解用node.js实现简单的反向代理
2017/06/26 Javascript
React 组件中的 bind(this)示例代码
2018/09/16 Javascript
vue动态子组件的两种实现方式
2019/09/01 Javascript
Python使用Turtle模块绘制五星红旗代码示例
2017/12/11 Python
Python爬虫之爬取淘女郎照片示例详解
2020/07/28 Python
python安装mysql的依赖包mysql-python操作
2021/01/01 Python
澳大利亚运动鞋零售商:The Athlete’s Foot
2018/11/04 全球购物
Tiqets英国:智能手机上的文化和娱乐门票
2019/07/10 全球购物
高中数学教师求职信
2013/10/30 职场文书
差生评语大全
2014/05/04 职场文书
企业宣传工作方案
2014/06/02 职场文书
党员四风问题对照检查材料
2014/09/27 职场文书
公司授权委托书
2014/10/17 职场文书
四风问题自查自纠工作情况报告
2014/10/28 职场文书
歌舞青春观后感
2015/06/10 职场文书
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript