带有数组的 Javascript 小游戏

Question

我正在尝试一个非常简单的带有 javascript 的游戏“石头、纸或剪刀”。 （主要是为了学习函数，虽然我认为我的代码很有意义，它应该在控制台中打印每个 If Else 语句的输出，但它不会打印任何内容。

有什么提示吗？

代码如下

const startGame = document.getElementById('start-game-btn');
const choicePlayer = ["Rock" , "Scissor", "Paper"];
const defaultChoise = "Rock";


function startTheGame(choicePlayer,defaultChoise) {

alert("Choose Rock , Scissor or Paper");

prompt(choicePlayer[0], choicePlayer[1]);

for (var i=0; i<choicePlayer.length; i++)  {
if(choicePlayer[i]===choicePlayer[0] || choicePlayer[i] === choicePlayer[1] || choicePlayer[i] === choicePlayer[2]) {
    console.log("asdf");
    return choicePlayer[i];

}

else  {

console.log("we choose for you");
return defaultChoise;

}
}

}


startGame.addEventListener('click' , startTheGame);

Answer 1

prompt 通过返回一个值来工作，这意味着您应该像这样使用它：

choicePlayer[0] = prompt("Player 1 - Choose Rock , Scissor or Paper", choicePlayer[0]);

choicePlayer[1] = prompt("Player 2 - Choose Rock , Scissor or Paper", choicePlayer[1]);

另外 - 有一个名为 choicePlayer 的函数参数将覆盖您的全局变量 choicePlayer，这意味着函数内的 choicePlayer 包含 event 参数。

Answer 2

为了保存来自prompt 函数的用户输入，您应该将其保存在一个变量中，如下所示：const result = prompt("text that will show in the prompt"); 您可以查看我添加的 sn-p 以获得其他一些修复的解决方案。

const startGame = document.getElementById('start-game-btn');
const choices = ["rock" , "scissor", "paper"];
const defaultChoice = "rock";

function capitalizeFirstLetter(string) {
  return string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();
}

function gameInit() {

  const playerChoice = prompt("Choose Rock , Scissor or Paper");

  if(choices.includes(playerChoice.toLowerCase())) {
    //return playerChoice;
    console.log(capitalizeFirstLetter(playerChoice));
  } else  {
    console.log("we choose for you");
    //return defaultChoice;
    console.log(capitalizeFirstLetter(defaultChoice));
  }

}


startGame.addEventListener('click' , gameInit);

<button id="start-game-btn">Start</button>