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