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 相关文章推荐
jquery绑定原理 简单解析与实现代码分享
Sep 06 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 Javascript
javascript解决innerText浏览器兼容问题思路代码
May 17 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
Angular.JS中的this指向详解
May 17 Javascript
angularjs实现猜数字大小功能
May 20 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
vue中各选项及钩子函数执行顺序详解
Aug 25 Javascript
微信小程序仿知乎实现评论留言功能
Nov 28 Javascript
vue使用原生swiper代码实例
Feb 05 Javascript
浅谈vue的第一个commit分析
Jun 08 Javascript
create-react-app开发常用配置教程
Jun 25 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登陆页的密码处理方式分享
2013/10/14 PHP
学习php设计模式 php实现桥梁模式(bridge)
2015/12/07 PHP
php运行报错Call to undefined function curl_init()的最新解决方法
2016/11/20 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
Android中资源文件(非代码部分)的使用概览
2012/12/18 Javascript
JS继承--原型链继承和类式继承
2013/04/08 Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
2013/09/29 Javascript
js获取下拉列表的值和元素个数示例
2014/05/07 Javascript
jQuery中remove()方法用法实例
2014/12/25 Javascript
Javascript中replace()小结
2015/09/30 Javascript
关于微信中a链接无法跳转问题
2016/08/02 Javascript
jquery过滤特殊字符',防sql注入的实现方法
2016/08/17 Javascript
js实现表格筛选功能
2017/01/18 Javascript
浅析JS中常用类型转换及运算符表达式
2017/07/23 Javascript
简单实现jQuery手风琴效果
2017/08/18 jQuery
如何让你的JS代码更好看易读
2017/12/01 Javascript
微信小程序页面生命周期详解
2018/01/31 Javascript
vue加载自定义的js文件方法
2018/03/13 Javascript
基于element-ui的rules中正则表达式
2018/09/04 Javascript
JS实现点击拉拽轮播图pc端移动端适配
2018/09/05 Javascript
JavaScript基础教程之如何实现一个简单的promise
2018/09/11 Javascript
如何在vue-cli中使用css-loader实现css module
2021/01/07 Vue.js
用python写asp详细讲解
2013/12/16 Python
python中argparse模块用法实例详解
2015/06/03 Python
实例详解Python模块decimal
2019/06/26 Python
python 获取等间隔的数组实例
2019/07/04 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
PyTorch加载预训练模型实例(pretrained)
2020/01/17 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
Python环境搭建过程从安装到Hello World
2021/02/05 Python
德国体育用品网上商店:SC24.com
2016/08/01 全球购物
营业经理岗位职责
2013/11/10 职场文书
2014年护士长工作总结
2014/11/11 职场文书
导游词之香港-太平山顶
2019/10/18 职场文书
Python语言中的数据类型-序列
2022/02/24 Python
Python可视化神器pyecharts绘制地理图表
2022/07/07 Python