显示基于随机问题的图像集

时间:2018-11-27 09:40:13

标签: javascript html

在这里非常初学者。我正在尝试通过添加3组图像供玩家选择(2个错误答案和1个正确答案)来扩展此旋转车轮游戏https://gist.github.com/jrue/a2aaf36b3c096925ccbf,但是我完全不知所措。

我尝试创建一个图像数组,然后根据data.value显示图像(更改了值),然后将它们附加到文档正文中而没有运气。

imgArray[0] = new Image();
imgArray[0].src = "cat.jpg";

imgArray[1] = new Image();
imgArray[1].src = "dog.jpg";

imgArray[2] = new Image();
imgArray[2].src = "cat.jpg";

imgArray[3] = new Image();
imgArray[3].src = "dog.jpg";

//show img based on question
function showImg()
{
    var img = document.createElement('img');
    img.src = data.value;
    document.body.appendChild(img);
}*/

任何帮助/想法都将不胜感激。

1 个答案:

答案 0 :(得分:0)

根据您提供的要旨,您的environment.spring.rabbitmq是一个数组。使用数组时,您需要通过索引访问它们。在您的情况下,data应该是img.src = data.value;,其中img.src = data[0].value是数组中所需字段的索引。

使这项工作最好的方法是将img.src也包含在带有问题,值等的对象中。