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函数
May 27 Javascript
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
Jul 15 Javascript
jQuery实现渐变下拉菜单的简单方法
Mar 11 Javascript
纯javascript实现简单下拉刷新功能
Mar 13 Javascript
浅谈javascript中onbeforeunload与onunload事件
Dec 10 Javascript
Angular.js如何从PHP读取后台数据
Mar 24 Javascript
在Html中使用Requirejs进行模块化开发实例详解
Apr 15 Javascript
开启BootStrap学习之旅
May 04 Javascript
Bootstrap进度条学习使用
Feb 09 Javascript
Vue2 SSR渲染根据不同页面修改 meta
Nov 20 Javascript
JS写谷歌浏览器chrome的外挂实例
Jan 11 Javascript
layer更改皮肤的实现方法
Sep 11 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获取新浪微博数据API实例
2013/11/12 PHP
PHP实现的交通银行网银在线支付接口ECSHOP插件和使用例子
2014/05/10 PHP
laravel5 Eloquent 实现事务方式
2019/10/21 PHP
js编码之encodeURIComponent使用介绍(asp,php)
2012/03/01 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
2014/12/15 Javascript
Javascript基础教程之switch语句
2015/01/18 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
2015/03/26 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
2015/05/07 Javascript
JS正则表达式比较常见用法
2016/01/26 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
2016/06/30 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
2016/08/11 Javascript
微信小程序 form组件详解及简单实例
2017/01/10 Javascript
探究react-native 源码的图片缓存问题
2017/08/24 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
2018/01/15 Javascript
Vue项目添加动态浏览器头部title的方法
2018/07/11 Javascript
Bootstrap实现省市区三级联动(亲测可用)
2019/07/26 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
vant-ui框架的一个bug(解决切换后onload不触发)
2020/11/11 Javascript
python中os和sys模块的区别与常用方法总结
2017/11/14 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
numpy求平均值的维度设定的例子
2019/08/24 Python
将python包发布到PyPI和制作whl文件方式
2019/12/25 Python
python thrift 实现 单端口多服务的过程
2020/06/08 Python
Python 操作 MySQL数据库
2020/09/18 Python
Python在后台自动解压各种压缩文件的实现方法
2020/11/10 Python
世界上最大的餐具公司:Oneida
2016/12/17 全球购物
Stuarts London美国/加拿大:世界领先的独立男装零售商之一
2019/03/18 全球购物
茶叶店创业计划书范文
2014/01/19 职场文书
“学雷锋活动月”总结
2014/03/09 职场文书
难忘的一天教学反思
2014/04/30 职场文书
"9.18"国耻日演讲稿范文
2014/09/14 职场文书
2014年单位工作总结范文
2014/11/27 职场文书
创业计划书之牛肉汤快餐店
2019/10/08 职场文书
详解PHP服务器如何在有限的资源里最大提升并发能力
2021/05/25 PHP
mybatis 获取更新记录的id
2022/05/20 Java/Android