Javascript 石头、剪刀、布游戏。我的代码有什么问题吗？

Question

我希望代码获取用户在输入字段中输入的值并将其传递给变量 userChoice。我不知道为什么这段代码不起作用，唯一的学习方法就是问你们。

HTML:

<h3> Choose your destiny !</h3>

<form>
    <input type="text" id="form" />
    <input type="button" id="button" value="Click Me!" onclick="clickMe();" />
</form>

JavaScript:

var computerChoice = Math.random();
var userChoice = "";

function clickMe() {
    document.getElementById("form").value === userChoice;
}

if (computerChoice < 0.33) {
    computerChoice = "rock";
};
if (computerChoice < 0.66) {
    computerChoice = "paper";
};
if (computerChoice < 1) {
    computerChoice = "scissors";
};

if (userChoice === "rock" && computerChoice === "rock") {
    alert("It's a tie!");
} else if (userChoice === "rock" && computerChoice === "paper") {
    alert("Computer Wins!");
} else if (userChoice === "rock" && computerChoice === "scissors") {
    alert("You WIN!");
};

if (userChoice === "paper" && computerChoice === "rock") {
    alert("You WIN!");
} else if (userChoice === "paper" && computerChoice === "paper") {
    alert("It's a TIE!");
} else if (userChoice === "paper" && computerChoice === "scissors") {
    alert("Computer Wins!");
};

if (userChoice === "scissors" && computerChoice === "rock") {
    alert("Computer Wins!");
} else if (userChoice === "scissors" && computerChoice === "paper") {
    alert("You WIN!");
} else if (userChoice === "scissors" && computerChoice === "scissors") {
    alert("It's a TIE!");
};

Fiddle

Answer 1

你的函数clickMe不像你想象的那样工作，我猜:

function clickMe() {
     userChoice = document.getElementById("form").value;

    // ... rest of your code goes inside clickMe
}

要将值分配给变量，您需要一个 =