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 相关文章推荐
50个比较实用jQuery代码段
Sep 18 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
Aug 09 Javascript
JS:window.onload的使用介绍
Nov 13 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
Feb 16 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
Mar 06 Javascript
微信小程序排坑指南详解
May 23 Javascript
你可能不知道的CORS跨域资源共享
Mar 13 Javascript
小程序实现新用户判断并跳转激活的方法
May 20 Javascript
聊聊Vue 中 title 的动态修改问题
Jun 11 Javascript
AutoJs实现刷宝短视频的思路详解
May 22 Javascript
JavaScript ES 模块的使用
Nov 12 Javascript
详解Js模块化的作用原理和方案
Apr 29 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
PHP之生成GIF动画的实现方法
2013/06/07 PHP
php使用curl出现Expect:100-continue解决方法
2015/03/03 PHP
php微信公众平台开发(四)回复功能开发
2016/12/06 PHP
详解no input file specified 三种解决方法
2019/11/29 PHP
js onpropertychange输入框 事件获取属性
2009/03/26 Javascript
深入理解JavaScript系列(15) 函数(Functions)
2012/04/12 Javascript
js控制CSS样式属性语法对照表
2012/12/11 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
2013/11/28 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
2015/03/04 Javascript
Nodejs进阶:如何将图片转成datauri嵌入到网页中去实例
2016/11/21 NodeJs
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
js仿iphone秒表功能 计算平均数
2017/01/11 Javascript
简述JS浏览器的三种弹窗
2018/07/15 Javascript
使用Vue父子组件通信实现todolist的功能示例代码
2019/04/11 Javascript
Javascript执行流程细节原理解析
2020/05/14 Javascript
element-ui封装一个Table模板组件的示例
2021/01/04 Javascript
MySQL最常见的操作语句小结
2015/05/07 Python
使用Django Form解决表单数据无法动态刷新的两种方法
2017/07/14 Python
Python中pandas dataframe删除一行或一列:drop函数详解
2018/07/03 Python
python try except 捕获所有异常的实例
2018/10/18 Python
python 格式化输出百分号的方法
2019/01/20 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
Python彻底删除文件夹及其子文件方式
2019/12/23 Python
Python JSON常用编解码方法代码实例
2020/09/05 Python
python 进制转换 int、bin、oct、hex的原理
2021/01/13 Python
HSRP的含义以及如何工作
2014/09/10 面试题
期末自我鉴定
2014/01/23 职场文书
保险内勤岗位职责
2014/04/05 职场文书
奥巴马竞选演讲稿
2014/05/15 职场文书
丽江古城导游词
2015/02/03 职场文书
《圆明园的毁灭》教学反思
2016/02/16 职场文书
职工的安全责任书范文!
2019/07/02 职场文书
Pytest中skip和skipif的具体使用方法
2021/06/30 Python
SpringBoot整合RabbitMQ的5种模式实战
2021/08/02 Java/Android
Nginx的基本概念和原理
2022/03/21 Servers
详解Flutter和Dart取消Future的三种方法
2022/04/07 Java/Android