📜  猜测随机数的JavaScript程序(1)

📅  最后修改于: 2023-12-03 15:27:06.683000             🧑  作者: Mango

猜测随机数的JavaScript程序

本程序是一款基于JavaScript的小游戏,用户可以通过程序生成的随机数进行猜测,并且根据猜测结果获得相应的提示。下面将对程序的实现过程进行介绍。

实现过程

程序主要由以下几个部分组成:

  1. 生成随机数
  2. 接受用户输入
  3. 判断输入是否符合要求
  4. 判断输入是否与随机数匹配
  5. 根据结果给出相应提示
  6. 重新开始游戏

以下是具体实现步骤:

1. 生成随机数

生成随机数可以使用Math.random()函数,该函数返回一个介于 0 和 1(不包括 1)之间的随机数。可以将该数乘上一个数进行取整得到想要的随机整数。

// 生成一个1~100之间的随机整数
let randomNumber = Math.floor(Math.random() * 100) + 1;
2. 接受用户输入

程序需要接受用户对随机数的猜测,可以使用prompt()函数弹出对话框,提示用户输入猜测的整数。

let guessNumber = prompt("猜一猜这个数字是多少?(1~100之间)");
3. 判断输入是否符合要求

用户有可能输入非法字符或者不在规定范围内的数字,需要对用户输入进行判断,可以使用isNaN()函数判断是否为数字,同时用比较运算符判断是否在规定范围内。

// 判断输入是否为数字或者是否在规定范围内
if (isNaN(guessNumber) || guessNumber < 1 || guessNumber > 100) {
  alert("请输入1~100之间的数字!");
  return; // 结束程序
}
4. 判断输入是否与随机数匹配

判断用户输入的数字是否与随机数匹配,可以使用比较运算符进行判断。

// 判断是否与随机数匹配
if (guessNumber == randomNumber) {
  alert("猜对了!你真聪明!");
} else {
  alert("猜错了呢,再试一次吧!");
}
5. 根据结果给出相应提示

根据猜测结果给出相应提示,可以使用alert()函数进行提示。

// 根据结果给出相应提示
if (guessNumber < randomNumber) {
  alert("太小了!再试试大一点的数吧!");
} else if (guessNumber > randomNumber) {
  alert("太大了!再试试小一点的数吧!");
} else {
  alert("猜对了!你真聪明!");
}
6. 重新开始游戏

可以在程序结束后询问用户是否继续游戏,并且可以将随机数的生成和游戏循环放在一个函数中,实现游戏的重新开始。

// 重新开始游戏
let playAgain = confirm("你想再玩一次吗?");
if (playAgain) {
  playGame();
} else {
  alert("游戏结束,下次再见!");
}
完整代码

以下是猜测随机数的JavaScript程序的完整代码。

// 生成一个1~100之间的随机整数
let randomNumber = Math.floor(Math.random() * 100) + 1;

// 游戏循环
function playGame() {
  // 接受用户输入
  let guessNumber = prompt("猜一猜这个数字是多少?(1~100之间)");

  // 判断输入是否为数字或者是否在规定范围内
  if (isNaN(guessNumber) || guessNumber < 1 || guessNumber > 100) {
    alert("请输入1~100之间的数字!");
    return; // 结束程序
  }

  // 判断是否与随机数匹配
  if (guessNumber == randomNumber) {
    alert("猜对了!你真聪明!");
  } else {
    // 根据结果给出相应提示
    if (guessNumber < randomNumber) {
      alert("太小了!再试试大一点的数吧!");
    } else if (guessNumber > randomNumber) {
      alert("太大了!再试试小一点的数吧!");
    }
    // 重新开始游戏
    let playAgain = confirm("你想再玩一次吗?");
    if (playAgain) {
      playGame();
    } else {
      alert("游戏结束,下次再见!");
    }
  }
}

// 开始游戏
playGame();