Question

<html>
<head></head>
<body><center><div id="output" style="width:500px; height:500px; background-color:blue;"></div></center></body>
<script>
var printOut = function(text) {
    var output = document.getElementById("output");
    output.innerHTML = text;
};
var userChoice = prompt("Do you choose Rock, Paper, or Scissors?")
console.log(printOut("You chose " + userChoice + "."));
var computerChoice = Math.random();
if (computerChoice < 0.34) {
    computerChoice = "Rock";
} else if (computerChoice <= 0.67) {
    computerChoice = "Paper";
} else {
    computerChoice = "Scissors";
}
console.log(printOut("The computer chooses " + computerChoice + "."));
var compareChoice = function(userChoice, computerChoice) {
    if (userChoice === computerChoice) {
        return "The result is a tie!";
    }
    if (userChoice === "Rock") {
        if (computerChoice === "Scissors") {
            return "Rock smashes Scissors!";
        } else {
            return "Paper covers Rock!";
        }
    }
    if (userChoice === "Paper") {
        if (computerChoice === "Rock") {
            return "Paper covers Rock!";
        } else {
            return "Scissors cut Paper!"
        }
    }
    if (userChoice === "Scissors") {
        if (computerChoice === "Paper") {
            return "Scissors cut Paper!";
        } else {
            return "Rock smashes Scissors!";
        }
    }
    return console.log(printOut(compareChoice(userChoice, computerChoice)));
};
</script>
</html>

当我在浏览器中打开它并输入我的选择时，它只告诉我计算机应该告诉我的时间，计算机和最终结果。我认为它与我的标签有关，但我不确定。

Answer 1

实际上，您的选择也印在输出区域。它只是被计算机的选择所取代。尝试将printOut方法修改为：

var printOut = function(text) {
  var output = document.getElementById("output");
  output.innerHTML += text;
};

为什么这只给我计算机的输出？

1 个答案: