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 相关文章推荐
jQuery将多条数据插入模态框的示例代码
Sep 25 Javascript
JS实现左右无缝轮播图代码
May 01 Javascript
使用bootstrap实现多窗口和拖动效果
Sep 22 Javascript
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
详解auto-vue-file:一个自动创建vue组件的包
Apr 26 Javascript
Angular2实现的秒表及改良版示例
May 10 Javascript
详解如何写出一个利于扩展的vue路由配置
May 16 Javascript
vue视图不更新情况详解
May 16 Javascript
微信小程序上传文件到阿里OSS教程
May 20 Javascript
es6中比较有用的7个技巧小结
Jul 12 Javascript
express框架下使用session的方法
Jul 31 Javascript
微信小程序实现轮播图指示器
Jun 25 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
第三节 定义一个类 [3]
2006/10/09 PHP
PHP5 安装方法
2006/10/09 PHP
php_imagick实现图片剪切、旋转、锐化、减色或增加特效的方法
2014/12/15 PHP
thinkphp隐藏index.php/home并允许访问其他模块的实现方法
2016/10/13 PHP
微信开发之获取JSAPI TICKET
2017/07/07 PHP
Javascript 对象的解释
2008/11/24 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
2013/01/15 Javascript
非常好用的JsonToString 方法 简单实例
2013/07/18 Javascript
jquery获取所有选中的checkbox实现代码
2016/05/26 Javascript
微信小程序 传值取值的几种方法总结
2017/01/16 Javascript
深入理解Webpack 中路径的配置
2017/06/17 Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
2017/07/13 Javascript
js 倒计时(高效率服务器时间同步)
2017/09/12 Javascript
js实现复制功能(多种方法集合)
2018/01/06 Javascript
详解vue-router传参的两种方式
2018/09/10 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
2018/12/10 Javascript
小程序分享模块超级详解(推荐)
2019/04/10 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
详解vue3.0 的 Composition API 的一种使用方法
2020/10/26 Javascript
windows如何把已安装的nodejs高版本降级为低版本(图文教程)
2020/12/14 NodeJs
[38:31]完美世界DOTA2联赛PWL S3 Magma vs GXR 第一场 12.13
2020/12/17 DOTA
Python多线程编程(六):可重入锁RLock
2015/04/05 Python
pyenv命令管理多个Python版本
2017/03/26 Python
python中redis查看剩余过期时间及用正则通配符批量删除key的方法
2018/07/30 Python
Python设计模式之建造者模式实例详解
2019/01/17 Python
python爬虫的一个常见简单js反爬详解
2019/07/09 Python
Django 大文件下载实现过程解析
2019/08/01 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
Pycharm中使用git进行合作开发的教程详解
2020/11/17 Python
香港最新科技与优质家居产品购物网站:J SELECT
2018/08/21 全球购物
班主任寄语大全
2014/04/04 职场文书
全国助残日活动总结
2015/05/11 职场文书
学校2015年纠风工作总结
2015/05/15 职场文书
2015年卫生局工作总结
2015/07/24 职场文书
idea下配置tomcat避坑详解
2022/04/12 Servers
Linux中一对多配置日志服务器的详细步骤
2022/07/23 Servers