麻烦重复(JS / HTML)

时间:2015-12-15 15:19:06

标签: javascript html switch-statement

我试图将一个简单的摇滚,纸张,剪刀模拟器拼凑在一起给我的妹妹留下深刻印象,所以我做到了,但代码的随机化部分每次都不起作用。这是:

<!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>

请让我知道我做错了什么,将来如何改进,以及如何挽救这一点。

谢谢。

3 个答案:

答案 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>