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 Scoping and Hoisting 翻译
Jul 03 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
Aug 07 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
Aug 18 Javascript
JS获取多维数组中相同键的值实现方法示例
Jan 06 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
Mar 25 jQuery
详解React 在服务端渲染的实现
Nov 16 Javascript
angular动态表单制作
Feb 23 Javascript
详解webpack4升级指南以及从webpack3.x迁移
Jun 12 Javascript
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
Angular使用Restful的增删改
Dec 28 Javascript
Vue router安装及使用方法解析
Dec 02 Vue.js
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
第十一节--重载
2006/11/16 PHP
解决dede生成静态页和动态页转换的一些问题,及火车采集入库生成动态的办法
2007/03/29 PHP
PHP+SQL 注入攻击的技术实现以及预防办法
2011/01/27 PHP
基于CakePHP实现的简单博客系统实例
2015/06/28 PHP
PHP基于curl后台远程登录正方教务系统的方法
2016/10/14 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
PHP simplexml_load_file()函数讲解
2019/02/03 PHP
PHP常见字符串操作函数与用法总结
2019/03/04 PHP
PHP简单实现图片格式转换(jpg转png,gif转png等)
2019/10/30 PHP
PHP类的自动加载与命名空间用法实例分析
2020/06/05 PHP
浅析JavaScript中的typeof运算符
2013/11/30 Javascript
JS动态调用方法名示例介绍
2013/12/18 Javascript
JS跨域问题详解
2014/11/25 Javascript
js获取浏览器基本信息大全
2014/11/27 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
2016/12/17 Javascript
vue 自定义提示框(Toast)组件的实现代码
2018/08/17 Javascript
JS实现倒计时图文效果
2018/11/17 Javascript
angular4+百分比进度显示插件用法示例
2019/05/05 Javascript
JS 创建对象的模式实例小结
2020/04/28 Javascript
微信小程序开发打开另一个小程序的实现方法
2020/05/17 Javascript
python笔记:mysql、redis操作方法
2017/06/28 Python
Python实现一个简单的验证码程序
2017/11/03 Python
Python中一行和多行import模块问题
2018/04/01 Python
tensorflow 加载部分变量的实例讲解
2018/07/27 Python
用Python解数独的方法示例
2019/10/24 Python
PyCharm 专业版安装图文教程
2020/02/20 Python
解析Python 偏函数用法全方位实现
2020/06/26 Python
python 爬取B站原视频的实例代码
2020/09/09 Python
Pycharm 如何一键加引号的方法步骤
2021/02/05 Python
HTML5 通过Vedio标签实现视频循环播放的示例代码
2020/08/05 HTML / CSS
如何使用amaze ui的分页样式封装一个通用的JS分页控件
2020/08/21 HTML / CSS
企业演讲比赛主持词
2014/03/18 职场文书
研究生毕业自我鉴定范文
2014/03/27 职场文书
Python爬虫进阶之Beautiful Soup库详解
2021/04/29 Python
Redis基本数据类型List常用操作命令
2022/06/01 Redis
MySQL 语句执行顺序举例解析
2022/06/05 MySQL