这篇博客讨论了如何将一个在Codecademy上创建的JavaScript基础版石头、剪刀、布游戏的结果展示在HTML页面上。作者遇到了问题，即游戏运行后没有在HTML页面上显示计算机的选择和游戏结果。解决方案涉及到将JavaScript代码与HTML元素结合，以便能够输出用户和计算机的选择以及游戏结果。
我刚开始学习javascript，并在codeacademy上进行了一项练习，以制作文本基础摇滚纸剪刀游戏。 我想将它展示给调试控制台之外的某个人，但我无法弄清楚如何在html页面中显示它。如何在HTML页面中显示返回的值
在我的HTML文件中的代码是：
Click here to begin
...
，并在我的JS代码：
var userChoice = prompt("Do you choose rock, paper or scissors?");
var computerChoice = Math.random();
if (computerChoice < 0.34) {
computerChoice = "rock";
} else if (computerChoice <= 0.67) {
computerChoice = "paper";
} else {
computerChoice = "scissors";
}
var compare = function (choice1, 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 === "paper") {
if (choice2 === "rock") return "paper wins";
else return "scissors wins";
}
if (choice1 === "scissors") {
if (choice2 === "rock") return "rock wins";
else return "scissors wins";
}
};
compare(userChoice, computerChoice);
我得到的提示选择石头纸或剪刀，但它不返回任何东西之后。我没有在html中看到计算机的选择，我不知道用什么来显示它。
2013-07-18
Cherry
+0
请注意，函数'compare'并不总是返回结果，这不是一件好事。如果用户在被要求选择时按下Cancel，'userChoice'将为'null'，并且该函数不会返回值。 –
552
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
