HTML / javascript Rock，Paper，剪刀游戏无法正常运行
[英]HTML/javascript Rock, Paper, Scissors game not working properly
问题描述
某些javascript代码基于Codecademy的JavaScript轨道上的“ Rock，Paper，Scissors”构建课程。“ scissors”按钮有效，但是“ rock”和“ paper”均显示“ Error！”消息。
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!";
}
}
3 个解决方案
解决方案1
2
乍一看，如果...的话，您似乎错过了其他几个机会。
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!";
}
}
else if (choice1 === "paper") {
if (choice2 === "rock") {
document.getElementById("result").innerHTML = "You Win!";
}
else if (choice2 ==="scissors") {
document.getElementById("result").innerHTML = "You Lose!";
}
}
else 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!";
}
}
解决方案2
0 2014-02-12 21:10:39
对于choice1，您没有在岩石和剪刀上使用“ else if”。 因此，如果choice1不是剪刀，则总是会调用带有错误的else条件。
解决方案3
0 2014-03-17 16:24:03
这是我的作品，我再次发布，因为我做了一些小改动
<HTML>
<HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<STYLE type=text/CSS>
.s{font-size:60px}
.b{font-size:75px;background-color:##FF4000;height:85px}
</STYLE>
<SCRIPT type="text/javascript">
var p=['Rock','Scissors','Paper',['win','✔'],['lose','☠']]
function g(n){ document.getElementById('g').innerHTML=p[n]; var cp=[0,1,2]
cp.sort(function(a,b){return Math.random()-0.5});
r=Math.floor(3*(Math.random()));
document.getElementById('i').innerHTML=p[cp[r]];r=cp[r];
if(r===n){w(1); return}
else if((r===0 && n===1) || (r===1 && n==2) || (r==2 && n===0)){w(2)}
else{w(0)}
}
function w(w){
pf=document.getElementById('gam'); pftr=pf.getElementsByTagName('tr');pftd=pf.getElementsByTagName('td');
for(b=0;b<3;b++){pftd[b].innerHTML=' '} w===1?pftd[w].innerHTML='tie':pftd[w].innerHTML='win'
}
</SCRIPT>
<META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD>
<BODY scroll="auto">
<OBJECT ID="VoiceObj" CLASSID="clsid:96749377-3391-11D2-9EE3-00C04F797396" ></OBJECT>
<TABLE BORDER=0 style="height:200px;width:500px;text-align:center;font-size:50px" id="gam">
<TR>
<TD width="33%"> </TD><TD rowspan=2 id="ww"> </TD><TD width="33%" > </TD>
</TR>
<TR>
<TD id="g"> </TD><TD id="i"> </TD>
</TR>
</TABLE>
<TABLE BORDER=1 style="border-collapse:collapse" cellpadding=0 >
<TR>
Player
Computer
</TR>
<TR>
</Table>
<hr style="margin:30px">
<TABLE BORDER=1 style="border-collapse:collapse" cellpadding=0 >
<TD><input type="button" class="b" value="Paper" onclick="g(2)"></TD>
<TD><input type="button" class="b" value="Rock" onclick="g(0)"></TD>
<TD><input type="button" class="b" value="Scissors" onclick="g(1)"></TD>
</TR>
</TABLE>
</BODY></HTML>
如果语句在 javascript 中的石头剪刀布游戏中不起作用
[英]If statements not working in rock paper scissors game in javascript
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.