如何处理在 Javascript 中单击按钮时生成随机图像的函数答案

【问题标题】：what to do with a function that produces a random image on button click in Javascript如何处理在 Javascript 中单击按钮时生成随机图像的函数
【发布时间】：2021-09-16 10:57:27
【问题描述】：

我编写了一个函数，它应该从 Javascript 的数组中生成随机图像。我想使用 html 按钮执行该功能。我已经编写了代码，但它不起作用。图像应定向到弹性框 div。

代码

    var myImages= 
    ["https://picsum.photos/536/354","Images/IMG_4830.jpeg","Images/IMG_4338.jpeg",
    "Images/IMG_4096.JPG"];
    function randomImages(){
    var rnd = Math.floor(Math.random()*myImages.length);
    if(rnd == 0){
        rnd = 1;
    }
    var image = document.createElement("img");
    var div=document.getElementById("flex-box-create").src = myImages[rnd]
    div.appendChild(image)
    }

   button = <div><button class="btn btn-primary" id="image-Generator" 
   onclick="randomImages()">Click</button></div>

   thanks

【问题讨论】：

标签： image function button random generate

【解决方案1】：

来源应该设置在图像而不是div上，试试这个：

var image = document.createElement("img");
image.src = myImages[rnd];
var div = document.getElementById("flex-box-create");
div.appendChild(image);

【讨论】：