使用JavaScript初级知识做一个简单的猜数字小案例

前言

大家好，今天我们来做一个有趣的猜数字小案例，使用的是JavaScript这门编程语言。猜数字游戏是一种简单而又有趣的游戏，它可以帮助我们提高逻辑思维能力和编程技能。在这个小案例中，我们将通过JavaScript的初级知识来实现这个游戏，并且逐步提高游戏的难度和用户体验。无论你是初学者还是已经有一定编程经验的人，这个案例都将对你有所帮助。让我们开始吧！

---

一、什么是猜数字小游戏

猜数字小游戏是一种简单而有趣的游戏，玩家需要猜出计算机随机生成的数字。游戏通常会提示玩家每次猜测的数字偏大或偏小，以帮助玩家逐渐缩小猜测范围，最终猜中数字。这个游戏可以锻炼人的逻辑思维和数学能力，并且可以在轻松愉快的氛围中增进人与人之间的交流和互动。

二、做案例之前我们需要了解哪些知识

1.了解什么是内部对象

在JavaScript中，内部对象是指由JavaScript语言本身定义的对象。这些对象在JavaScript的各种应用场景中都有广泛的应用。一些常见的内部对象包括：

1. Math对象：提供了数学运算相关的函数，例如随机数生成、三角函数、指数函数等。
2. Date对象：用于处理日期和时间的对象，提供了获取当前时间、设置日期和时间、计算时间差等功能。
3. Array对象：用于处理数组的对象，提供了对数组进行排序、搜索、添加、删除等操作的方法。
4. String对象：用于处理字符串的对象，提供了对字符串进行截取、替换、搜索、大小写转换等操作的方法。
5. RegExp对象：用于处理正则表达式的对象，提供了对字符串进行匹配、替换等操作的方法。

这些内部对象的使用可以帮助我们更加高效地进行JavaScript编程，提高代码的可读性和可维护性。

随便一提:在我们JavaScript中调用一个内部对象的方法是:
对象名.方法

2.Math对象

Math对象：提供了数学运算相关的函数，例如随机数生成、三角函数、指数函数等。
而我们做这个案例,需要的就是Math对象中的floor方法和random方法,其中,
floor方法可以将一个数字向下取整，返回小于或等于该数字的最大整数。该方法在处理货币或者其他需要精确计算的场景中非常有用。而random方法则会返回一个0到1之间的随机数，可以用于生成随机数或者在游戏开发中模拟随机事件。需要注意的是，该方法返回的随机数是伪随机数，因此不能完全保证其随机性，但在大多数情况下已经足够使用。

<script>
let num1 = 10.5
let num2 = -10.5
//Math类中floor方法的调用
console.log(Math.floor(num1))
console.log(Math.floor(num2))
</script>

我们可以看到其结果分别为10和-11

<script>
//Math对象中random方法的调用
let random = Math.random()
</script>

我们可以看到随机的结果:

3. 两种方法的相互使用

在我们初步了解Math中floor方法和random方法之后,我们可以将两个方法结合,再加上我们的一些基础知识,就可以获得我们当前案例所需要使用的函数了

<script>
let num1
let num2
//获得0`10之间的随机数
num1 = Math.floor(Math.random() * (10 + 1))
//获得5`10之间的随机数
num2 = Math.floor(Math.random() * (5 + 1)) + 5
</script>

对应的输出结果如下:

最后,就是我们案例所需要的函数的构成了

<script>
//获得一个x`y之间的随机数
function getRandom(x,y){
      return Math.floor(Math.random() * (y - x + 1)) + x
   }
</script>

三、案例的开始

1.案例思路

我们提供一个简单的思路:

1. 首先，生成一个随机数作为答案，可以使用JavaScript中的Math.random()函数来生成一个0-1之间的随机数，再用Math.floor()函数将其转换为整数。
2. 接着，让用户输入猜测的数字，可以使用JavaScript中的prompt()函数弹出一个输入框，接收用户的输入。
3. 接下来，判断用户的输入是否与答案相等，若相等则提示用户猜对了，否则提示用户猜错了，并让用户再次输入猜测的数字。
4. 重复步骤3，直到用户猜对为止。

<script>
//思路1的实现:生成一个随机数
function getRandom(x,y){
      return Math.floor(Math.random() * (y - x + 1)) + x
   }
let random = getRandom(1,10)
console.log(random)
while(true){
//思路2的实现:让用户输入猜测的数
//注意:这里需要使用+使用户输入的数字进行格式转换,因为使用prompt函数输入的格式是字符串类型,
//我们要将其转为数字型在和随机数作比较
let num = +prompt('输入你所猜测的数:')
//思路3的实现:判断猜测数与随机数是否相等,用弹窗提示用户
if(num > random){
alert('你猜的有点大嗷!')
}else if(num < random){
alert('你猜的有点小嗷!')
}else {
alert('猜对咯!')
break;
}
}
</script>

2.效果展示

总结

猜数字游戏是一种基于JavaScript编写的简单游戏，玩家需要猜出程序随机生成的数字。在游戏中，程序会提示玩家所猜数字与答案之间的关系（比如“猜的数字太大了”或“猜的数字太小了”），直到玩家猜中为止。
在编写游戏时，可以使用JavaScript的Math对象来生成随机数字。同时，需要使用HTML和CSS来创建游戏的界面，包括输入框、按钮和提示信息等。游戏的逻辑可以使用条件语句和循环语句来实现。
编写猜数字游戏可以帮助开发者提高对JavaScript语言的掌握程度，同时也可以提高逻辑思维能力。此外，游戏还可以作为一个简单的娱乐项目，让人们在闲暇时间里放松心情，享受游戏的乐趣。
总之，猜数字游戏是一款简单有趣的小游戏，通过编写它可以提高JavaScript编程能力，同时也可以放松心情、享受游戏的乐趣。