首页 > 解决方案 > Javascript骰子游戏

问题描述

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

代码:

var randomNumber1 = Math.floor(Math.random() * 6) + 1;
console.log(randomNumber1);

var randomDiceImage = "images/dice" + randomNumber1 + ".png";
console.log(randomDiceImage);

document.querySelectorAll("img")[0].setAttribute("scr", randomDiceImage);

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

标签: javascript

解决方案


我认为您的意思是设置“src”而不是“scr”。尝试设置 SRC。


推荐阅读