JS猜数字游戏实例讲解

猜数字游戏是一种基于逻辑和推理的有趣互动游戏。下面将通过一个JS猜数字游戏实例来讲解如何实现这个游戏。

游戏规则

猜数字游戏的规则非常简单：系统会自动随机生成一个数，在限定的次数内，玩家需要通过猜测数字来确定该数，如果玩家猜中了，游戏结束，玩家胜利；反之，如果玩家未在限定的次数内猜出该数，则游戏失败。

实现步骤

1. 随机生成目标数字：使用JavaScript的 Math.random() 方法生成一个0-1之间的随机数，然后再通过 Math.floor() 方法将其向下取整得到目标数字。

示例代码：

let targetNum = Math.floor(Math.random() * 100);

1. 获取玩家输入数字：使用 prompt() 方法从玩家处获取一个数字。

示例代码：

let guess = prompt("请输入你的猜测数字：");

1. 比较两个数字：将玩家输入数字和目标数字进行比较，并根据比较结果给出相应的提示。

示例代码：

if (guess == targetNum) {
  alert("恭喜你，猜对了！");
} else if (guess > targetNum) {
  alert("猜的数字太大了！");
} else if (guess < targetNum) {
  alert("猜的数字太小了！");
}

1. 设定猜测次数限制：使用 for 循环控制玩家猜测次数的上限，并处理猜测次数已达上限和猜对了的情况。

示例代码：

for (let i = 0; i < 5; i++) {
  if (guess == targetNum) {
    alert("恭喜你，猜对了！");
    break;
  } else if (guess > targetNum) {
    alert("猜的数字太大了！");
  } else if (guess < targetNum) {
    alert("猜的数字太小了！");
  }

  // 获取下一轮玩家输入数字
  guess = prompt("请输入你的下一次猜测数字：");
}

// 处理猜测次数已达上限的情况
if (i == 5 && guess != targetNum) {
  alert("很遗憾，猜测次数已达上限，你失败了！");
}

实例说明

示例一

假设目标数字为64，下面是一个玩家猜测的过程：

1. 玩家输入数字：70
2. 提示信息：猜的数字太大了！
3. 玩家输入数字：50
4. 提示信息：猜的数字太小了！
5. 玩家输入数字：62
6. 提示信息：猜的数字太小了！
7. 玩家输入数字：66
8. 提示信息：猜的数字太大了！
9. 玩家输入数字：64
10. 提示信息：恭喜你，猜对了！

示例二

假设目标数字为23，下面是一个玩家猜测的过程：

1. 玩家输入数字：35
2. 提示信息：猜的数字太大了！
3. 玩家输入数字：15
4. 提示信息：猜的数字太小了！
5. 玩家输入数字：23
6. 提示信息：恭喜你，猜对了！