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 相关文章推荐
TopList标签和JavaScript结合两例
Aug 12 Javascript
setTimeout和setInterval的区别你真的了解吗?
Mar 31 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
Jan 23 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 Javascript
BootStrap 超链接变按钮的实现方法
Sep 25 Javascript
简单理解Vue条件渲染
Dec 03 Javascript
详解vue数据渲染出现闪烁问题
Jun 29 Javascript
vue图片上传本地预览组件使用详解
Feb 20 Javascript
vue安装遇到的5个报错及解决方法
Jun 12 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
Aug 21 Javascript
JsonProperty 的使用方法详解
Oct 11 Javascript
Vue表单控件数据绑定方法详解
Feb 05 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
收音机术语解释
2021/03/01 无线电
手冲咖啡应该是现代精品咖啡店的必备选项吗?
2021/03/03 冲泡冲煮
php 进度条实现代码
2009/03/10 PHP
php下图片文字混合水印与缩略图实现代码
2009/12/11 PHP
drupal 代码实现URL重写
2011/05/04 PHP
php实现图片上传、剪切功能
2016/05/07 PHP
一个基于jquery的文本框记数器
2012/09/19 Javascript
基于jQuery实现表单提交验证
2014/11/24 Javascript
JS 对象属性相关(检查属性、枚举属性等)
2015/04/05 Javascript
js实现的简单radio背景颜色选择器代码
2015/08/18 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
2018/03/13 Javascript
vue.js实现的经典计算器/科学计算器功能示例
2018/07/11 Javascript
nodejs 十六进制字符串型数据与btye型数据相互转换
2018/07/30 NodeJs
使用vue完成微信公众号网页小记(推荐)
2019/04/28 Javascript
NodeJS有难度的面试题(能答对几个)
2019/10/09 NodeJs
H5+css3+js搭建带验证码的登录页面
2020/10/11 Javascript
Django中传递参数到URLconf的视图函数中的方法
2015/07/18 Python
详解程序意外中断自动重启shell脚本(以Python为例)
2019/07/26 Python
解决Djang2.0.1中的reverse导入失败的问题
2019/08/16 Python
python读写文件write和flush的实现方式
2020/02/21 Python
Java ExcutorService优雅关闭方式解析
2020/05/30 Python
安装pyinstaller遇到的各种问题(小结)
2020/11/20 Python
IE浏览器单独写CSS样式的几种方法
2014/10/14 HTML / CSS
DJI大疆德国官方商城:大疆无人机
2018/09/01 全球购物
倩碧澳大利亚官网:Clinique澳大利亚
2019/07/22 全球购物
叙述DBMS对数据控制功能有哪些
2016/06/12 面试题
机电一体化职业规划书
2014/01/07 职场文书
个人投资计划书
2014/05/01 职场文书
投资入股合作协议书
2014/10/28 职场文书
2014年艾滋病防治工作总结
2014/12/10 职场文书
Python requests库参数提交的注意事项总结
2021/03/29 Python
Django开发RESTful API实现增删改查(入门级)
2021/05/10 Python
详解Spring事件发布与监听机制
2021/06/30 Java/Android
Spring中bean的生命周期之getSingleton方法
2021/06/30 Java/Android
Canvas如何做个雪花屏版404的实现
2021/09/25 HTML / CSS