1
一些JavaScript代码基于Codecademy的JavaScript轨道上的构建“摇滚，纸张，剪刀”课程。“剪刀”按钮的作品，但“摇滚以及 “纸” 都显示 “错误！” 的消息HTML/JavaScript摇滚，纸张，剪刀游戏无法正常工作
HTML代码：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<h1>Rock, Paper, Scissors</h1>
<button onClick='choose("rock")'>Rock</button>
<button onClick='choose("paper")'>Paper</button>
<button onClick='choose("scissors")'>Scissors</button><br>
<button onClick='compare(user, computerChoice)'>Go!</button>
<p id="result"></p>
</body>
</html>
Javascript代码：
var user;
var choose = function(choice) {
user = choice;
}
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) {
document.getElementById("result").innerHTML = "Tie!";
}
else if (choice1 === "rock") {
if (choice2 === "scissors") {
document.getElementById("result").innerHTML = "You Win!";
}
else {
document.getElementById("result").innerHTML = "You Lose!";
}
}
if (choice1 === "paper") {
if (choice2 === "rock") {
document.getElementById("result").innerHTML = "You Win!";
}
else if (choice2 ==="scissors") {
document.getElementById("result").innerHTML = "You Lose!";
}
}
if (choice1 === "scissors") {
if (choice2 === "rock") {
document.getElementById("result").innerHTML = "You Lose!";
}
else if (choice2 === "paper") {
document.getElementById("result").innerHTML = "You Win!";
}
}
else {
document.getElementById("result").innerHTML = "ERROR!";
}
}
乍一看，看起来像你错过了其他几个... – 2014-02-12 21:05:07
@SakhalTurkaystan这就是解决方案。把它放在一个答案:-)这里是它的小提琴：http://jsfiddle.net/5pxK6/ – Sirko
谢谢。我修正了错误，现在它完美地工作。 – nickrodriguez13