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 相关文章推荐
Tips 带三角可关闭的文字提示
Oct 06 Javascript
js对数字的格式化使用说明
Jan 12 Javascript
jquery 插件学习(一)
Aug 06 Javascript
js给onclick赋值传参数的两种方法
Nov 25 Javascript
javascript跨浏览器的属性判断方法
Mar 16 Javascript
Vue.js每天必学之数据双向绑定
Sep 05 Javascript
详解Jquery Easyui的验证扩展
Jan 09 Javascript
Javascript(es2016) import和require用法和区别详解
Aug 11 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
Dec 21 Javascript
js module大战
Apr 19 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
Jun 17 Javascript
JS使用for in有序获取对象数据
May 19 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
通过文字传递创建的图形按钮
2006/10/09 PHP
CURL状态码列表(详细)
2013/06/27 PHP
仿dedecms下拉分页样式修改的thinkphp分页类实例
2014/10/30 PHP
PHP版微信第三方实现一键登录及获取用户信息的方法
2016/10/14 PHP
滚动经典最新话题[prototype框架]下编写
2006/10/03 Javascript
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
2013/03/28 Javascript
浏览器打开层自动缓慢展开收缩实例代码
2013/07/04 Javascript
Ajax同步与异步传输的示例代码
2013/11/21 Javascript
IE6-8中Date不支持toISOString的修复方法
2014/05/04 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
2015/01/07 Javascript
使用AngularJS对路由进行安全性处理的方法
2015/06/18 Javascript
jquery实现表格隔行换色效果
2015/11/19 Javascript
简单实现JS对dom操作封装
2015/12/02 Javascript
JS+CSS实现DIV层的展开、收缩效果
2016/01/28 Javascript
VUEJS实战之构建基础并渲染出列表(1)
2016/06/13 Javascript
聊一聊JS中this的指向问题
2016/06/17 Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
2017/09/01 Javascript
vue router-link传参以及参数的使用实例
2017/11/10 Javascript
SVG实现时钟效果
2018/07/17 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
python非递归全排列实现方法
2017/04/10 Python
python中利用Future对象回调别的函数示例代码
2017/09/07 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
python寻找list中最大值、最小值并返回其所在位置的方法
2018/06/27 Python
前端隐藏出边界内容的实现方法
2016/04/14 HTML / CSS
波兰香水和化妆品购物网站:Notino.pl
2017/11/07 全球购物
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
社区党建工作汇报材料
2014/08/14 职场文书
“向国旗敬礼”活动策划方案(4篇)
2014/09/27 职场文书
2014班子成员自我剖析材料思想汇报
2014/10/01 职场文书
旷课检讨书范文
2015/01/27 职场文书
行政文员岗位职责
2015/02/04 职场文书
党风廉政建设个人总结
2015/03/06 职场文书
六一活动主持词
2015/06/30 职场文书
python模板入门教程之flask Jinja
2022/04/11 Python