JS猜数字游戏实例讲解

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

猜数字游戏：

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

<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>

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

C++经典小游戏汇总

python经典小游戏汇总

python俄罗斯方块游戏集合

JavaScript经典游戏 玩不停

java经典小游戏汇总

javascript经典小游戏汇总

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 通过实例了解JS执行上下文运行原理

    壹 ❀ 引 我们都知道,JS代码的执行顺序总是与代码先后顺序有所差异,当先抛开异步问题你会发现就算是同步代码,它的执行也与你的预期不一致,比如: function f1() { console.log('听风是风'); }; f1(); //echo function f1() { console.log('echo'); }; f1(); //echo 按照代码书写顺序,应该先输出 听风是风,再输出 echo才对,很遗憾,两次输出均为 echo:如果我们将上述代码中的函数声明改为函数表达式,结

  • JS实现联想、自动补齐国家或地区名称的功能

    1.JS部分 function autocomplete(inp, arr) { /*函数主要有两个参数:文本框元素和自动补齐的完整数据*/ var currentFocus; /* 监听 - 在写入时触发 */ inp.addEventListener("input", function(e) { var a, b, i, val = this.value; /*关闭已经打开的自动完成值列表*/ closeAllLists(); if (!val) { return false;}

  • Json实现传值到后台代码实例

    1.定义一个键值对对象 function ObjData(key,value){ this.Key=key; this.Value=value; } 2.在点击表单的提交buttom的方法中: var list=document.getElementById("myForm").getElementsByTagName("input");//查询form下的所有input标签 var array=[]; //定义一个对象数据 存放每一个input的键值对(input

  • Json字符串转Java对象和List代码实例

    对象POJO和JSON互转 public class JsonUtil { /** * JSON 转 POJO */ public static <T> T getObject(String pojo, Class<T> tclass) { try { return JSONObject.parseObject(pojo, tclass); } catch (Exception e) { log.error(tclass + "转 JSON 失败"); } re

  • JS制作简易计算器的实例代码

    做一个简易计算器,效果图片 c表示清空,为一个空字符串 +/-表示该值为正还是负 %表示当前值/100 ←表示退格,往前删除一个值 eval 函数是能够计算出字符串表达式或者语句的结果,把结果求出来. 代码如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"

  • JavaScript多种图形实现代码实例

    1．小星星 设有如下的曲线参数方程: N=5 x = r*sin(nθ)*cos(θ) y = r*sin(nθ)*sin(θ) (0≤θ≤2π) 用循环依次取θ值为0~2π(每次增量为π/64),计算出X和Y,在canvas画布中将坐标点(X,Y)用线连起来,可绘制出一个一个5瓣花卉图案. 编写如下的HTML代码. <!DOCTYPE html> <head> <title>小星星</title> <script type="text/ja

  • JS简易计算器实例讲解

    本文实例为大家分享了JS实现简易计算器的具体代码,供大家参考,具体内容如下 简易计算器: 1)选择需要运算的类型,输入对应的数字 2)输入需要参与运算的数字 3)输入"计算"二字,进行运算后,显示运算结果及运算表达式 <script type="text/javascript"> // 加法运算 function plus(arrPlus){ var sum = 0; for(var i = 0 ; i < arrPlus.length ; i++

  • JS原型对象操作实例分析

    本文实例讲述了JS原型对象操作.分享给大家供大家参考,具体如下: 万物皆对象,函数也同样是对象,是特殊的函数对象 function fn() {} let a = new fn(); let b = new Function() console.log(typeof a); // object console.log(typeof b); // function 打开浏览器,输入fn,会发现fn有一个prototype(原型)属性,这个属性是一个指针,指向原型对象,这个对象包括了特定类型所有共享

  • 实例讲解JavaScript 计时事件

    JavaScript 计时事件 通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行.我们称之为计时事件. 在 JavaScritp 中使用计时事件是很容易的,两个关键方法是: setInterval() - 间隔指定的毫秒数不停地执行指定的代码. setTimeout() - 在指定的毫秒数后执行指定代码. 注意: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法. setInt

  • JS猜数字游戏实例讲解

    本文实例为大家分享了JS实现猜数字游戏的具体代码,供大家参考,具体内容如下 猜数字游戏: 1)利用JS的Math内置对象,实现在1-50内选取一个整数随机数作为游戏答案 2)输入数字进行判断,共有10次输入机会 3)若大于答案数字,则提示猜大了,若小于答案数字,则提示猜小了 4)直至10次机会用完或者猜对答案了,则结束游戏 <script type="text/javascript"> // 猜数字案例 function guessTip(min, max) { min =

  • java版简单的猜数字游戏实例代码

    游戏简述 游戏涉及到game和player两个对象,game会产生介于0-9之间的随机数,下面看看详细的实现过程. 程序逻辑: 1.GameLauncher这个类带有main()方法,是应用程序的入口点 2.main()中会创建出GuessGame对象,并调用她的startGame()方法 3.startGame()方法是游戏的起点,它会创建3个player,然后挑出猜测的随即数字,它会要求player猜测并检查结果,过程会被列出来 类: •GameLauncher.class •GuessGa

  • 纯JavaScript实现猜数字游戏

    开发一个猜数字游戏,游戏应随机选择一个 100 以内的自然数, 然后邀请玩家在 10 轮以内猜出这个数字.每轮后都应告知玩家的答案正确与否,如果出错了,则告诉他数字是低了还是高了.并且应显示出玩家前一轮所猜的数字.一旦玩家猜对,或者用尽所有机会,游戏将结束.游戏结束后,可以让玩家选择再次开始. 思维: 1.随机生成一个100以内的自然数 2.记录玩家当前的轮数.从1开始 3.为玩家提供一种猜测数字的方法 4.一旦有结果提交,先将其记录下来,以便用户可以看到他们先前的猜测 5.然后检查他是否正确

  • js实现弹窗猜数字游戏

    js实现弹窗猜数字游戏

    本文实例为大家分享了js实现弹窗猜数字游戏的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> var num = Math.floor(Math.random() * 100 + 1); // 产生0-100的

  • C语言超详细讲解猜数字游戏的实现

    C语言超详细讲解猜数字游戏的实现

    目录 rand函数 srand函数 时间戳 完整代码与程序运行图 rand函数 先看一下下面这张图: 通过这张图我们可以了解到rand函数的返回值是int类型,形参为空,它的头文件<stdlib.h>以及它的返回值范围是0到RAND_MAX. 而RAND_MAX在VS中是0x7fff,转换成二进制就是32767.所以rand返回的随机数的范围就是0到32727. 其实我们用rand函数就可以生成随机数了,那为什么我们还要用到srand函数呢? 因为只有第一次生成的随机数是随机的,如果程序执行多

  • js实现一个猜数字游戏

    js实现一个猜数字游戏

    看你需要猜几次才能猜到那个正确的数字! 效果图: 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>猜数字游戏</title> <script type="text/javascript" cha

  • 基于JavaScript实现猜数字游戏代码实例

    环境 vscode 1.46 Microsoft Edge 83 示例 以下内容为了解和熟悉 JavaScript,不需要理解,能够复制粘贴并正确运行即可. 新建网页模板 在 vscode 中新建一个 index.html 文件,然后输入以下内容. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>猜数字游戏</title> <style&

  • 基于vue组件实现猜数字游戏

    本文实例为大家分享了vue猜数字游戏的具体代码,供大家参考,具体内容如下 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>vue组件猜数字游戏</title> <script src="js/vue.js"></script> </head> <body> <div id

  • python实现的简单猜数字游戏

    本文实例讲述了python实现的简单猜数字游戏.分享给大家供大家参考.具体如下: 给定一个1-99之间的数,让用户猜数字,当用户猜错时会提示用户猜的数字是过大还是过小,知道用户猜对数字为止,猜对数字用的次数越少成绩越好. import random n = random.randint(1, 99) guess = int(raw_input("Enter an integer from 1 to 99: ")) while n != "guess": print

  • java实现的简单猜数字游戏代码

    java实现的简单猜数字游戏代码

    本文实例讲述了java实现的简单猜数字游戏代码.分享给大家供大家参考. 具体代码如下: 复制代码 代码如下: import java.util.InputMismatchException; import java.util.Scanner; public class Main {         public static void main(String[] args) {                 // 产生一个随机数                 int number = (in

随机推荐