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

Question

我是编码新手，我有一个学校项目，我们使用 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>";
  }

Answer 1

尝试在 button 元素上设置 onclick 属性，并将 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>