我刚开始学习JavaScript,并跟随Codeacademy上的一个练习制作了一个基于文本的石头剪刀布游戏。我想把它展示给其他人,但是我不知道如何在HTML页面中显示它。
我的HTML文件中的代码如下:
<HTML>
<HEAD>
<script src="rockpaperscissors.js"></script>
</HEAD>
<BODY>Choose rock, paper or scissors and write your choice in the text box
<p>
<A HREF="javascript:processOrder();">Click here to begin</A>
</p>
...
</BODY>
</HTML>
我的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中没有看到计算机的选择,并且不知道该使用什么来显示它。
compare
并不总是返回结果,这并不是一件好事。如果用户在被要求选择时按下取消按钮,则userChoice
将为null
,函数将不会返回任何值。 - Vadim Belyaev