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 相关文章推荐
拖动一个HTML元素
Dec 22 Javascript
javascript unicode与GBK2312(中文)编码转换方法
Nov 14 Javascript
JavaScript中使用指数方法Math.exp()的简介
Jun 15 Javascript
jquery easyui validatebox remote的使用详解
Nov 09 Javascript
Node.js中文件操作模块File System的详细介绍
Jan 05 Javascript
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
Angular.js初始化之ng-app的自动绑定与手动绑定详解
Jul 31 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
Mar 26 Javascript
其实你可以少写点if else与switch(推荐)
Jan 10 Javascript
vue多个元素的样式选择器问题
Nov 29 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
Jun 28 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
Jul 16 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 smarty 二级分类代码和模版循环例子
2011/06/01 PHP
php array_push()数组函数:将一个或多个单元压入数组的末尾(入栈)
2011/07/12 PHP
PHP中运用jQuery的Ajax跨域调用实现代码
2012/02/21 PHP
PHP利用func_get_args和func_num_args函数实现函数重载实例
2014/11/12 PHP
使用一个for循环将N*N的二维数组的所有值置1实现方法
2017/05/29 PHP
PHP实现网站应用微信登录功能详解
2019/04/11 PHP
TNC vs BOOM BO3 第三场2.13
2021/03/10 DOTA
特殊字符、常规符号及其代码对照表
2006/06/26 Javascript
javascript 伪数组实现方法
2010/10/11 Javascript
jQuery判断复选框是否勾选的原理及示例
2014/05/21 Javascript
jquery实现显示已选用户
2014/07/21 Javascript
JS实现超精简响应鼠标显示二级菜单代码
2015/09/12 Javascript
js中最容易被忽视的事件问题大总结
2016/05/15 Javascript
vue双向数据绑定原理探究(附demo)
2017/01/17 Javascript
vue.js源代码core scedule.js学习笔记
2017/07/03 Javascript
微信小程序实现选项卡功能
2020/06/19 Javascript
angularjs 缓存的使用详解
2018/03/19 Javascript
vue-router命名路由和编程式路由传参讲解
2019/01/19 Javascript
在微信小程序中保存网络图片
2019/02/12 Javascript
vue3.0 搭建项目总结(详细步骤)
2019/05/20 Javascript
vue项目打包后请求地址错误/打包后跨域操作
2020/11/04 Javascript
[06:57]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD 选手采访
2021/03/11 DOTA
解决python3 json数据包含中文的读写问题
2018/05/10 Python
用pycharm开发django项目示例代码
2019/06/13 Python
TensorFlow实现简单的CNN的方法
2019/07/18 Python
python如何将两个txt文件内容合并
2019/10/18 Python
python tkinter之 复选、文本、下拉的实现
2020/03/04 Python
详解python爬取弹幕与数据分析
2020/11/14 Python
详解HTML5中的标签
2015/06/19 HTML / CSS
个人简历的自荐信
2013/10/23 职场文书
劳资人员岗位职责
2013/12/19 职场文书
小学生评语集锦
2014/04/18 职场文书
财务整改报告范文
2014/11/05 职场文书
绿里奇迹观后感
2015/06/15 职场文书
财务管理制度范本
2015/08/04 职场文书
永中文档在线转换预览基于nginx配置部署方案
2022/06/10 Servers