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 验证码的实例代码(附效果图)
Mar 22 Javascript
jQuery提交多个表单的小例子
Jun 30 Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
Jun 06 Javascript
JavaScript面试题大全(推荐)
Sep 22 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
Nov 25 Javascript
jsonp跨域请求详解
Jul 13 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
Jul 20 Javascript
Vue使用NPM方式搭建项目
Oct 25 Javascript
JS实现获取数组中最大值或最小值功能示例
Mar 02 Javascript
微信小程序利用云函数获取手机号码
Dec 17 Javascript
基于vue和websocket的多人在线聊天室
Feb 01 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
May 22 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
php中使用exec,system等函数调用系统命令的方法(不建议使用,可导致安全问题)
2012/09/07 PHP
php生成随机字符串可指定纯数字、纯字母或者混合的
2014/04/18 PHP
PHP把数字转成人民币大写的函数分享
2014/06/30 PHP
PHP中new static()与new self()的区别异同分析
2014/08/22 PHP
thinkPHP实现瀑布流的方法
2014/11/29 PHP
php pdo oracle中文乱码的快速解决方法
2016/05/16 PHP
javascript中callee与caller的用法和应用场景
2010/12/08 Javascript
nodejs通过phantomjs实现下载网页
2015/05/04 NodeJs
jquery实现可横向和竖向展开的动态下滑菜单效果
2015/08/24 Javascript
基于jQuery实现在线选座之高铁版
2015/08/24 Javascript
不能不知道的10个angularjs英文学习网站
2016/03/23 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
2016/06/25 Javascript
Angular2中select用法之设置默认值与事件详解
2017/05/07 Javascript
详解原生js实现offset方法
2017/06/15 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
2017/11/30 Javascript
Angular 项目实现国际化的方法
2018/01/08 Javascript
JavaScript函数apply()和call()用法与异同分析
2018/08/10 Javascript
用原生 JS 实现 innerHTML 功能实例详解
2019/04/03 Javascript
微信小程序 WXML节点信息查询详解
2019/07/29 Javascript
微信小程序 textarea 层级过高问题简单解决方案
2019/10/14 Javascript
[05:13]2018DOTA2亚洲邀请赛主赛事第二日战况回顾 LGD、VG双雄携手晋级
2018/04/05 DOTA
解决Python2.7读写文件中的中文乱码问题
2018/04/12 Python
Python 经典面试题 21 道【不可错过】
2018/09/21 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
Django生成PDF文档显示在网页上以及解决PDF中文显示乱码的问题
2019/07/04 Python
使用python实现学生信息管理系统
2021/02/25 Python
纯css3制作的火影忍者写轮眼开眼至轮回眼及进化过程实例
2014/11/11 HTML / CSS
NARS化妆品官方商店:美国彩妆品牌
2017/08/26 全球购物
英国翻新电子产品购物网站:Tech Trade
2017/12/25 全球购物
新加坡鲜花速递/新加坡网上花店:Ferns N Petals
2020/08/29 全球购物
管理学院毕业生自荐信范文
2014/03/10 职场文书
批评与自我批评总结
2014/10/17 职场文书
班主任自我评价范文
2015/03/11 职场文书
巴黎圣母院读书笔记
2015/06/26 职场文书
员工聘用合同范本
2015/09/21 职场文书
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
2022/04/09 Javascript