JS猜数字游戏实例讲解


Posted in Javascript onJune 30, 2020

本文实例为大家分享了JS实现猜数字游戏的具体代码,供大家参考,具体内容如下

猜数字游戏:

1)利用JS的Math内置对象,实现在1-50内选取一个整数随机数作为游戏答案
2)输入数字进行判断,共有10次输入机会
3)若大于答案数字,则提示猜大了,若小于答案数字,则提示猜小了
4)直至10次机会用完或者猜对答案了,则结束游戏

JS猜数字游戏实例讲解

<script type="text/javascript">

 // 猜数字案例
 function guessTip(min, max) {
 min = Math.ceil(min);
 max = Math.floor(max);
 return Math.floor(Math.random() * (max - min + 1)) + min; //含最大值,含最小值 
 }

 var guessInput = '';
 var answer = guessTip(1,50); 
 console.log('答案是:' + answer);
 var i = 0 ;
 do{
 guessInput = prompt('1-50,请猜一下是哪个数字');
 guessInput = guessInput * 1 ;
 if(guessInput > answer){
 alert('您猜的数字比答案要大,请继续猜');
 }else if (guessInput < answer){
 alert('您猜的数字比答案要小,请继续猜');
 } 
 i++;
 console.log('i当前是:'+ i);
 console.log(guessInput);
 }while( guessInput != answer && i < 10);
 if (i == 10){
 alert('已达到猜题次数上限,不能继续猜拉!'); 
 }else if( guessInput == answer){
 alert('猜对了!请我吃鸡翅!');
 }

</script>

更多有趣的经典小游戏实现专题,分享给大家:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript入门教程(9) Document文档对象
Jan 31 Javascript
JavaScript Event事件学习第一章 Event介绍
Feb 07 Javascript
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
Mar 05 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 Javascript
javascript中的Base64、UTF8编码与解码详解
Mar 18 Javascript
jQuery的position()方法详解
Jul 19 Javascript
js电话号码验证方法
Sep 28 Javascript
聊聊Vue.js的template编译的问题
Oct 09 Javascript
在create-react-app中使用sass的方法示例
Oct 01 Javascript
react 应用多入口配置及实践总结
Oct 17 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
Jul 17 Javascript
JS轻量级函数式编程实现XDM三
Jun 16 Javascript
vue实现评价星星功能
Jun 30 #Javascript
Json实现传值到后台代码实例
Jun 30 #Javascript
vue实现循环滚动列表
Jun 30 #Javascript
js实现简单音乐播放器
Jun 30 #Javascript
angular中的post请求处理示例详解
Jun 30 #Javascript
vue开发简单上传图片功能
Jun 30 #Javascript
jquery实现上传图片功能
Jun 29 #jQuery
You might like
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
来自phpguru得Php Cache类源码
2010/04/15 PHP
PHP array_flip() 删除重复数组元素专用函数
2010/05/16 PHP
PHP防止跨域提交表单
2013/11/01 PHP
php抓取并保存网站图片的实现代码
2015/10/28 PHP
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
2012/08/14 Javascript
jquery选择器原理介绍($()使用方法)
2014/03/25 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
2014/07/17 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
2015/08/24 Javascript
jQuery无刷新分页完整实例代码
2015/10/27 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
2015/11/30 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
2015/12/06 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
2016/06/16 Javascript
原生Javascript和jQuery做轮播图简单例子
2016/10/11 Javascript
vue.js学习之UI组件开发教程
2017/07/03 Javascript
JavaScript中防止微信浏览器被整体拖动的方法
2017/08/25 Javascript
node+koa实现数据mock接口的方法
2017/09/20 Javascript
Element-ui upload上传文件限制的解决方法
2021/01/22 Javascript
用Python制作简单的朴素基数估计器的教程
2015/04/01 Python
详解Python3中yield生成器的用法
2015/08/20 Python
python图像常规操作
2017/11/11 Python
python数据归一化及三种方法详解
2019/08/06 Python
如何用Python来搭建一个简单的推荐系统
2019/08/07 Python
Pycharm 跳转回之前所在页面的操作
2021/02/05 Python
HTML5几个设计和修改的页面范例分享
2015/09/29 HTML / CSS
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
您的网上新华书店:文轩网
2016/08/24 全球购物
理货员的岗位职责
2013/11/23 职场文书
党在我心中的演讲稿
2014/09/13 职场文书
领导班子对照检查材料
2014/09/22 职场文书
组织生活会发言材料
2014/12/15 职场文书
2016教师廉洁从教心得体会
2016/01/13 职场文书
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android
Spring Boot 启动、停止、重启、状态脚本
2021/06/26 Java/Android
KVM基础命令详解
2022/04/30 Servers
小程序自定义轮播图圆点组件
2022/06/25 Javascript