我已经在下面编写了代码,在该代码中,骰子面应该根据生成的随机数更改骰子图像。如果我使用了谷歌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">
我认为您是要设置“ src”而不是“ scr”。尝试设置SRC。