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 相关文章推荐
Ctrl+Enter提交内容信息
Jun 26 Javascript
脚本吧 - 幻宇工作室用到js,超强推荐base.js
Dec 23 Javascript
jQuery实现的淡入淡出二级菜单效果代码
Sep 15 Javascript
Bootstrap Table使用方法详解
Aug 01 Javascript
JS简单获取及显示当前时间的方法
Aug 03 Javascript
AngularJS监听路由的变化示例代码
Sep 23 Javascript
微信js-sdk地理位置接口用法示例
Oct 12 Javascript
jquery对象和DOM对象的相互转换详解
Oct 18 Javascript
防止页面url缓存中ajax中post请求的处理方法
Oct 10 Javascript
jQuery实现checkbox的简单操作
Nov 18 jQuery
JavaScript箭头函数中的this详解
Jun 19 Javascript
js实现贪吃蛇游戏(简易版)
Sep 29 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 特殊字符处理函数
2008/09/05 PHP
PHP 处理TXT文件(打开/关闭/检查/读取)
2013/05/13 PHP
Yii实现多数据库主从读写分离的方法
2014/12/29 PHP
修改Laravel5.3中的路由文件与路径
2016/08/10 PHP
详解Yii2高级版引入bootstrap.js的一个办法
2017/03/21 PHP
JS 时间显示效果代码
2009/08/23 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/03 Javascript
javascript打印大全(打印页面设置/打印预览代码)
2013/03/29 Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
2015/07/09 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
2016/04/19 Javascript
AngularJS基础 ng-include 指令示例讲解
2016/08/01 Javascript
通过sails和阿里大于实现短信验证
2017/01/04 Javascript
从零学习node.js之搭建http服务器(二)
2017/02/21 Javascript
svg动画之动态描边效果
2017/02/22 Javascript
react实现点击选中的li高亮的示例代码
2018/05/24 Javascript
微信小程序如何使用云开发
2019/05/17 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
Python中的defaultdict模块和namedtuple模块的简单入门指南
2015/04/01 Python
Python解析最简单的验证码
2016/01/07 Python
python创造虚拟环境方法总结
2019/03/04 Python
python安装本地whl的实例步骤
2019/10/12 Python
Pytorch DataLoader 变长数据处理方式
2020/01/08 Python
python3中编码获取网页的实例方法
2020/11/16 Python
迪斯尼商品官方网站:ShopDisney
2016/08/01 全球购物
英国自行车商店:AW Cycles
2021/02/24 全球购物
三个儿子教学反思
2014/02/03 职场文书
小学生家长评语大全
2014/02/10 职场文书
《一件运动衫》教学反思
2014/02/19 职场文书
十八届三中全会宣传方案
2014/02/21 职场文书
2014群众路线学习笔记
2014/11/06 职场文书
实习单位证明范例
2014/11/17 职场文书
2015年财务试用期工作总结
2014/12/24 职场文书
中秋客户感谢信
2015/01/22 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
乡镇科协工作总结2015
2015/05/19 职场文书
MySQL 自定义变量的概念及特点
2021/05/13 MySQL