我试图将一个简单的摇滚,纸张,剪刀模拟器拼凑在一起给我的妹妹留下深刻印象,所以我做到了,但代码的随机化部分每次都不起作用。这是:
<!DOCTYPE html>
<html>
<body>
<button type="button" onclick="rps(1)">Rock</button>
<button type="button" onclick="rps(2)">Paper</button>
<button type="button" onclick="rps(3)">Scissors</button>
<script>
var ai= null;
var rps=function(type){
ai= Math.floor(Math.random()+1*3);
switch(ai){
case 1:
switch(type){
case 1:
alert("Tie");
break;
case 2:
alert("Win");
break;
case 3:
alert("Loose");
break;
}
break;
case 2:
switch(type){
case 1:
alert("Loose");
break;
case 2:
alert("Tie");
break;
case 3:
alert("Win");
break;
}
break;
case 3:
switch(type){
case 1:
alert("Loose");
break;
case 2:
alert("Tie");
break;
case 3:
alert("Win");
break;
}
break;
default:
alert("Error");
break;}
};
</script>
</body>
</html>
请让我知道我做错了什么,将来如何改进,以及如何挽救这一点。
谢谢。
答案 0 :(得分:2)
Math.random
的语义错误。试试这个:
ai = Math.floor(Math.random() * 3 + 1);
现在你可以随机获胜,失败或领带
答案 1 :(得分:1)
在行中:
ai= Math.floor(Math.random()+1*3);
你必须记住数学运算符有一定的顺序。乘法在加法之前发生,因此它的写入方式意味着取1 * 3
(或3),然后添加它或Math.random()
。我猜你总是得到3.最好和最清晰的解决方案通常是使用括号。以下是它的编写方式:
ai = (Math.floor(Math.random()*3)+1);
答案 2 :(得分:0)
<!DOCTYPE html>
<html>
<body>
<button type="button" onclick="rps(1)">Rock</button>
<button type="button" onclick="rps(2)">Paper</button>
<button type="button" onclick="rps(3)">Scissors</button>
<script>
var ai= null;
var rps=function(type){
var typeArray= ['','Rock', 'Paper', 'Scissors'];
ai= Math.floor(Math.random()*3+1);
alert(typeArray[type]);
if(type ===1)
{
if(ai ===1)
{
alert("draws with rock");
}
else if(ai ===2)
{
alert("loss to paper");
}
else if(ai ===3)
{
alert("win vs scissors");
}
}
else if(type ===2)
{
if(ai ===1)
{
alert("win vs rock");
}
else if(ai ===2)
{
alert("draw paper");
}
else if(ai ===3)
{
alert("loss vs scissors");
}
}
else
{
if(ai ===1)
{
alert("loss vs rock");
}
else if(ai ===2)
{
alert("win vs paper");
}
else if(ai ===3)
{
alert("draw with scissors");
}
}
};
</script>
</body>
</html>