Javascript 制作一个显示骰子图片的多个随机骰子滚轮。为什么'；我的代码不工作吗？

尝试让它滚动多个骰子并显示骰子的图片

函数rollDice（）{
var numDice=document.getElementById（“diceNum”）.value；
var container=document.getElementById（“dieContainer”）；
container.innerHTML=“”；
对于（变量i=0；i
选择要掷骰子的数量
掷骰子
确保为骰子定义了正确的css类

并对特定的骰子类别使用数字

e、 g:

等等
创建一个包含6条指向图像的路径的数组。然后使用
diceRoll-1
，您可以获得特定人脸的骰子图片（这里我使用了标准数字的图像）。使用
从您的数组中删除

请注意，不要多次修改DOM，因为这是一个昂贵的操作。相反，创建一个字符串，并将其构建为包含要显示的HTML。然后，当您的
for
循环完成时，设置
innerHTML

见下例：


函数rollDice（）{
var numDice=document.getElementById（“diceNum”）.value；
var container=document.getElementById（“dieContainer”）；
container.innerHTML=“”；
变量图像=[
"https://svgsilh.com/svg_v2/2136425.svg",
"https://svgsilh.com/svg_v2/2052150.svg",
"https://svgsilh.com/svg_v2/2052130.svg",
"https://svgsilh.com/svg_v2/2052105.svg",
"https://svgsilh.com/svg_v2/2052086.svg",
"http://pngimg.com/uploads/number6/number6_PNG18557.png"
];
var html=“”；
对于（变量i=0；i
img{
显示：内联；
高度：100px；
宽度：100px；
}
选择要掷骰子的数量
掷骰子
正如您所说，您的代码运行良好。唯一缺少的是向输出中添加图像，而不仅仅是纯文本。如果你有6个骰子图像（例如dice1.jpg-dice6.jpg），那么你可以这样做

container.innerHTML += '<div class="dice"><img src="dice' + diceRoll + '.jpg"/></div>'

container.innerHTML+=''

这是你的代码唯一的错误-你只需要添加图像。
你能提供一个例子吗？请添加完整的代码。库或图像代码。
.dice._6 {
background-image: url();
}

.dice._5 {
background-image: url();
}

container.innerHTML += '<div class="dice"><img src="dice' + diceRoll + '.jpg"/></div>'