javascript - javascript 新手，我将如何嵌入我的 javascript 文件并在 HTML 字段中运行它？

Question

我有一个 javascript 中的石头、纸、剪刀模拟器（在一个文件中），它接受用户输入，生成一个 AI 选择，然后比较它们，然后返回答案。我将如何在 HTML 字段中完成所有这些操作，以便用户可以看到正在发生的一切？代码如下：

var userChoice = prompt("Do you choose rock, paper or scissors?");
console.log("You chose: " + userChoice);
var compare = function (choice1) { 
    var choice2 = Math.random();
    if (choice2 < 0.34) {
       choice2 = "rock";
       console.log("The computer chose: " + choice2);
    } else if(choice2 <= 0.67) {
        choice2 = "paper";
        console.log("The computer chose: " + choice2);
    } else {
        choice2 = "scissors";
        console.log("The computer chose: " + choice2);
    }

    if (choice1 === choice2) {
        return "The result is a tie!";
    }
    if (choice1 === "rock") {
        if (choice2 === "scissors") {
            return "rock wins";
        } else {
            return "paper wins";
        }
    }
    if (choice1 === "scissors") {
        if (choice2 === "rock") {
            return "rock wins";
        } else {
            return "scissors win";
        }
    }
    if (choice1 === "paper") {
        if (choice2 === "rock") {
            return "paper wins";
        } else {
            return "scissors win";
        }
    }
};
compare(userChoice);

Answer 1

这样做：用这个替换console.log：

document.getElementById("result").innerText = "text that you want"

并添加到 html

<h2 id="result"></h2>

Answer 2

由于您输入jquery的是标签，因此您应该使用 jQuery 的.html()函数将输出插入到一个<div>或其他元素中，而不是输出到控制台。

前任：

创造

<div id="output">

</div>

然后代替console.log("You chose: " + userChoice);，写：

$("#output").html("You chose: " + userChoice);