JavaScript实现猜数字游戏


Posted in Javascript onMay 20, 2020

本博文源于js基础,旨在讨论如何实现猜随机数的小游戏。

题目重现

随机生成一个[0,100]区间的数字,不断重复用户输入,直到用户输入对为止。

实现原理

先用Math.random生成一个数字,欲得到[a,b]区间的随机整数,可采用以下公式:

parseInt(Math.random()*(b-a+1))+a;

举个例子:得到[3,8]

parseInt(Math.random()*6)+3;

然后循环里,多分支if判断一下,给用户提示一下

测试用例

玩的时候用二分法玩,二分法就是一次砍一半,比如先上来猜50,然后根据反映,太大那就25,太小那就75.以此类推

JavaScript实现猜数字游戏JavaScript实现猜数字游戏JavaScript实现猜数字游戏

附上代码

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title></title>
 <script>
 var n = parseInt(Math.random()*101)+0;
 while(true) {
 var a = Number(prompt("请输入数字"));
 if(a>n){
  alert("你输入数字太大");
 }else if(a<n) {
  alert("你输入的数字太小");
 }else {
  alert("是的,就是这个数字");
  break;
 }
 
 }
 </script>
 </head>
 <body>
 </body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
关于Javascript与iframe的那些事儿
Jul 04 Javascript
JavaScript:Div层拖动效果实例代码
Aug 06 Javascript
jquery Tab效果和动态加载的简单实例
Dec 11 Javascript
js中call与apply的用法小结
Dec 28 Javascript
关于验证码在IE中不刷新的快速解决方法
Sep 23 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
Nov 30 Javascript
Vue.js render方法使用详解
Apr 05 Javascript
Vue中this.$router.push参数获取方法
Feb 27 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
Aug 30 Javascript
JS实现transform实现扇子效果
Jan 17 Javascript
5个你不知道的JavaScript字符串处理库(小结)
Jun 01 Javascript
js实现日历
Nov 07 Javascript
Vue 打包体积优化方案小结
May 20 #Javascript
vue实现输入框自动跳转功能
May 20 #Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
May 20 #Javascript
精读《Vue3.0 Function API》
May 20 #Javascript
40行代码把Vue3的响应式集成进React做状态管理
May 20 #Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
May 20 #Javascript
在Angular中实现一个级联效果的下拉框的示例代码
May 20 #Javascript
You might like
php结合飞信 免费天气预报短信
2009/05/07 PHP
PHP调用Twitter的RSS的实现代码
2010/03/10 PHP
php !function_exists(&quot;T7FC56270E7A70FA81A5935B72EACBE29&quot;))代码解密
2011/01/07 PHP
php 常用算法和时间复杂度
2013/07/01 PHP
php筛选不存在的图片资源
2015/04/28 PHP
php版微信数据统计接口用法示例
2016/10/12 PHP
PHP+Ajax实现的博客文章添加类别功能示例
2018/03/29 PHP
yii2 在控制器中验证请求参数的使用方法
2019/06/19 PHP
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
2007/01/29 Javascript
asp 的 分词实现代码
2007/05/24 Javascript
jQuery 各种浏览器下获得日期区别
2008/12/22 Javascript
javascript 三种编解码方式
2010/02/01 Javascript
JavaScript中也使用$美元符号来代替document.getElementById
2010/06/19 Javascript
Jquery下判断Id是否存在的代码
2011/01/06 Javascript
高效的jquery数字滚动特效
2015/12/17 Javascript
微信小程序 动态传参实例详解
2017/04/27 Javascript
jquery实现图片上传前本地预览
2017/04/28 jQuery
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
AJAX在JQuery中的应用详解
2019/01/30 jQuery
Javascript幻灯片播放功能实现过程解析
2020/05/07 Javascript
JavaScript中的this妙用实例分析
2020/05/09 Javascript
jQuery 选择器用法实例分析【prev + next】
2020/05/22 jQuery
vue页面跳转实现页面缓存操作
2020/07/22 Javascript
解决Antd Table表头加Icon和气泡提示的坑
2020/11/17 Javascript
vue添加自定义右键菜单的完整实例
2020/12/08 Vue.js
50行代码实现贪吃蛇(具体思路及代码)
2013/04/27 Python
用Anaconda安装本地python包的方法及路径问题(图文)
2019/07/16 Python
python 穷举指定长度的密码例子
2020/04/02 Python
在对linux系统分区进行格式化时需要对磁盘簇(或i节点密度)的大小进行选择,请说明选择的原则
2012/01/13 面试题
彩妆大赛策划方案
2014/05/13 职场文书
工程项目合作意向书
2015/05/08 职场文书
房屋所有权证明
2015/06/19 职场文书
趣味运动会口号
2015/12/24 职场文书
何时使用Map来代替普通的JS对象
2021/04/29 Javascript
Python 读写 Matlab Mat 格式数据的操作
2021/05/19 Python
CSS中Single Div 绘图技巧的实现
2021/06/18 HTML / CSS