随机发生

Question

我正在创建一个基本的修改型Crapps游戏。 我正在使用Java脚本和HTML。 因此，它看起来不太好，但是它的目的是教我Java脚本。

我仍处于起步阶段，遇到了障碍。 应该发生的是，当我单击一个按钮时，就会发生此功能。 我的功能发生了，但它仍然滚动2 6，因此骰子显示为6。

一切正常，除了6不断发生 。

我遍历了代码，找不到常见的错误-确保它应该生成的数字被覆盖，我的基数被覆盖6个数字（1-5）都有工作，我的名字正确，等等。我知道我的函数是之所以被称为是因为骰子的图像每次我要去的地方都显示为6。

 function rolldice()
   {
     dice1=Math.floor(Math.random()*6+0);
        if(dice1=0)
            {
             document.getElementById("dice1").innerHTML="<img src='1.jpg' width='100' height='100' />";
            }
        if(dice1=1)
            {
              document.getElementById("dice1").innerHTML="<img src='2.jpg' width='100' height='100' />";

            }
        if(dice1=2)
            {
              document.getElementById("dice1").innerHTML="<img src='3.jpg' width='100' height='100' />";

            }
        if(dice1=3)
            {
              document.getElementById("dice1").innerHTML="<img src='4.jpg' width='100' height='100' />";

            }
        if(dice1=4)
            {
              document.getElementById("dice1").innerHTML="<img src='5.jpg' width='100' height='100' />";

            }
        if(dice1=5)
            {
             document.getElementById("dice1").innerHTML="<img src='6.jpg' width='100' height='100' />";

            }
dice2=Math.floor(Math.random()*6+0);
    if(dice2=0)
            {
             document.getElementById("dice2").innerHTML="<img src='1.jpg' width='100' height='100' />";
            }
        if(dice2=1)
            {
              document.getElementById("dice2").innerHTML="<img src='2.jpg' width='100' height='100' />";

            }
        if(dice2=2)
            {
              document.getElementById("dice2").innerHTML="<img src='3.jpg' width='100' height='100' />";

            }
        if(dice2=3)
            {
              document.getElementById("dice2").innerHTML="<img src='4.jpg' width='100' height='100' />";

            }
        if(dice2=4)
            {
              document.getElementById("dice2").innerHTML="<img src='5.jpg' width='100' height='100' />";

            }
        if(dice2=5)
            {
             document.getElementById("dice2").innerHTML="<img src='6.jpg' width='100' height='100' />";

            }
 }

Answer 1

您正在使用=而不是== 。 这意味着它将运行1-5中的每个语句。

if (dice1 = 5){

是相同的

dice1 = 5;
if (dice1){

这将永远是正确的。

在分配随机值FYI时，您还应该在每个变量之前添加var 。

我会考虑将所有这些代码缩短为以下形式：

function rolldice(){
  for (var i = 0; i < 2; i++){
    var roll = Math.floor(Math.random() * 6);
    document.getElementById('dice' + (i + 1)).innerHTML = 
      "<img src='" + (roll + 1) + ".jpg' width='100' height='100' />"
  }
}