javascript - 如何修复我的 rock paper lizard spock 程序的 if 语句？

Question

好吧，这里是编码新手，但在我的 JavaScript 程序中，我试图向已经流行的 RPS 游戏(蜥蜴和史波克)添加 2 个新条件。但是，当在 index.js 文件中添加这两个新条件时，似乎什么也没有发生。

我已经尝试将每个数学更改为 .20，但这似乎没有任何作用。我认为问题是我对 5 个不同的变量使用了错误的函数(if，else if)

function run() {
    playerChoice = this.innerText;
    computerGamble();
    compare();
}

function computerGamble() {
    var dice = Math.random();
    if (dice <= 0.33) {
        computerChoice = "Rock";
    } else if (dice > 0.33 && dice <= 0.66) {
        computerChoice = "Paper";
    } else {
        computerChoice = "Scissors";
    } else {
      computerChoice = "Lizard";
    } else {
      computerChoice = "Spock";
    }
}

所有变量/条件都应该有相同的机会被选中。

Answer 1

基本上你已经像其他人指出的那样使用 if else 语句并将它除以选择的数量。

function computerGamble() {
    var dice = Math.random();
    if (dice < 0.2) {
        computerChoice = "Rock";
    } else if (dice < 0.4) {
        computerChoice = "Paper";
    } else if (dice < 0.6) {
        computerChoice = "Scissors";
    } else if (dice < 0.8) {
      computerChoice = "Lizard";
    } else{
      computerChoice = "Spock";
}

作为替代方案，我认为我会只使用 0-5 之间的随机数，而不是像这样使用简单的 switch case 语句:

function run() {
    playerChoice = this.innerText;
    computerGamble();
    compare();
}

let numberOfChoices = 5;
function computerGamble() {
 var dice = Math.floor(Math.random()*numberOfChoices); //numbers between 0-5
 switch(dice){
  case 1: computerChoice = "Rock";break;
  case 2: computerChoice = "Paper";break;
  case 3: computerChoice = "Scissors";break;
  case 4: computerChoice = "Lizard";break;
  case 5: computerChoice = "Spock";break;
 }
}

如果您想更改某些内容，您可以轻松调整选择的数量，而不必处理一些硬编码的十进制数字。我个人认为它在开关盒中更清晰一些 - 它看起来更整洁一些。或者没有任何声明:

let numberOfChoices = 4;
function computerGamble() {
 let choices = ["Rock", "Paper", "Scissors", "Lizard", "Spock"];
 var dice = Math.floor(Math.random()*numberOfChoices); //numbers between 0-4
 computerChoice = choices[dice];
}