如何使用 while 循环提示用户，直到他们输入 4 个输入中的 1 个

Question

我一直在思考如何让这个 while 循环正常运行。我希望程序提示用户一个问题“石头、布、剪刀？”他们可以正确输入“石头”、“布”、“剪刀”或“炸弹”（自动获胜的作弊代码......哈哈）。如果他们输入了这 4 个可接受的输入之外的任何内容，就会出现警报。然后他们应该再次被提示同样的问题。这应该重复进行，直到他们输入这 4 个可接受的输入之一。

到目前为止，如果他们在第一次出现提示时正确输入他们的选择，它就会起作用。但是，如果他们键入上述 4 个可接受的输入之外的内容，从而在 while 循环中触发警报和提示，则即使他们在下次提示时输入 4 个输入之一，程序也无法正确运行。它会在警报和提示之间交替卡住，直到永远。

那么我怎样才能让这个 while 循环工作呢？

function playGame () {
    var input = prompt ('Rock, paper, or scissors?').toLowerCase();
    // testing 123
    // console.log (input);
    var jkl = 0;
    if (input === 'rock' || input === 'paper' || input === 'scissors' || input === 'bomb') {
        jkl++
    };
    while (jkl === 0) {
        alert ('ErRoR eRrOr 3rR0r!!!!11');
        prompt ('Rock, paper, or scissors?').toLowerCase();
        if (input === 'rock' || input === 'paper' || input === 'scissors' || input === 'bomb') {
            jkl++
        };
    }
    console.log (input);
    var userChoice = getUserChoice (input);
    var computerChoice = getComputerChoice ();
    console.log (`You: ${userChoice}`);
    console.log (`Computer: ${computerChoice}`);
    console.log (determineWinner (userChoice, computerChoice));
};

playGame ();

在尝试 while 循环之后，有更多与程序中较早出现的函数相关的代码。忽略我的猜测。除非有人认为它相关，在这种情况下我也可以发布它。只是不想在这里粘贴大量的代码。

Answer 1

您可以将此行更改

prompt ('Rock, paper, or scissors?').toLowerCase();

为

input = prompt ('Rock, paper, or scissors?').toLowerCase();

您的代码正在检查输入变量而不更新它。

Answer 2

您需要更新循环中的input 变量。

const options = ['rock', 'paper', 'scissors', 'bomb']
const getOptionPrompt = () => prompt('Rock, paper, or scissors?').toLowerCase();
const checkOption = (input, options) => options.includes(input)

function playGame() {
  let input = getOptionPrompt();
  // testing 123
  // console.log (input);
  var jkl = 0;
  if (checkOption(input, options)) {
    jkl++
  };
  while (jkl === 0) {
    alert('ErRoR eRrOr 3rR0r!!!!11');
    input = getOptionPrompt();
    if (checkOption(input, options)) {
      jkl++
    };
  }
  console.log(input);
  // the functions after this are not defined in the example
  /*
  var userChoice = getUserChoice(input);
  var computerChoice = getComputerChoice();
  console.log(`You: ${userChoice}`);
  console.log(`Computer: ${computerChoice}`);
  console.log(determineWinner(userChoice, computerChoice));
  */
};

playGame();

但我肯定会稍微更新一下逻辑：

const options = ['rock', 'paper', 'scissors', 'bomb']
const getOptionPrompt = () => prompt('Rock, paper, or scissors?')?.toLowerCase() || null;
const checkOption = (input, options) => options.includes(input)

function playGame(options) {
  const input = getOptionPrompt();

  if (!checkOption(input, options) && input != null) {
    alert('ErRoR eRrOr 3rR0r!!!!11');
    playGame(options)
  } else if (input == null) {
    console.log("game canceled")
  } else {
    console.log("result:", input)
  }
};

playGame(options);

这样您就不需要 jkl 变量，也不需要 while 循环 - 如果输入的答案不可接受，则会显示错误警报 &游戏重新开始。