Javascript骰子游戏

我已经在下面编写了代码,在该代码中,骰子面应该根据生成的随机数更改骰子图像。如果我使用了谷歌developemt工具和console.log,我可以看到随机数被生成,甚至scr被替换了,但是图像没有改变。它们位于另一个名为images的文件夹中。可能是什么问题呢 ?

  • 编码。
  • var randomNumber1 = Math.floor(Math.random()* 6)+ 1;
  • console.log(randomNumber1);
  • var randomDiceImage =“图像/骰子” + randomNumber1 +“ .png”;
  • console.log(randomDiceImage);
  • document.querySelectorAll(“ img”)[0] .setAttribute(“ scr”,randomDiceIma

ge);

HTML

<div class="dice">
     <p>Player 1</p>
     <img class="img1" src="images/dice1.png" />
</div>

运行代码后的结果。

<img class="img1" src="images/dice6.png" scr="images/dice2.png">