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

Question

我编写了一个函数，可以从 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

Answer 1

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

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

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

what to do with a function that produces a random image on button click in Javascript

image

function

button

random

generate