javascript - 如何将按钮与div中的随机图像关联(3张图像)

我是编码的新手，我有一个学校项目，我们在其中使用JavaScript和jQuery。我不知道如何将随机图像与onclick事件相关联，并使该图像出现在div中。基本上，这是一个伪造的约会网站，一旦按下提交，它就会从我拥有的3张图像中生成一个随机图像，并显示在div中。请帮助我在这里迷路了。

  function randomImg1() {
    var myImage1 = new Array();
    myImage1[0] = "Bush.jpg";
    myImage1[1] = "RiffRaff.jpg";
    myImage1[2] = "FredPellerin.jpg";
    var random = Math.floor(Math.random() * myImage1.length);
    document.getElementById("image").innerHTML = "<img src='"
      + myImage1[random] + "' alt='image'></img>";
  }

最佳答案

尝试使用onclick作为值在button元素上设置randomImg1()属性

  function randomImg1() {
    var myImage1 = new Array();
    myImage1[0] = "http://lorempixel.com/50/50/technics";// "Bush.jpg";
    myImage1[1] = "http://lorempixel.com/50/50/nature";// "RiffRaff.jpg";
    myImage1[2] = "http://lorempixel.com/50/50/sports";// "FredPellerin.jpg";
    var random = Math.floor(Math.random() * myImage1.length);
    document.getElementById("image").innerHTML = "<img src='"
      + myImage1[random] + "' alt='image'></img>";
  }

<button onclick="randomImg1()">click</button>
<div id="image"></div>