Javascript Случайное изображение с текстом при нажатии кнопки

Question

Я следовал некоторым другим учебникам и сумел получить изображение в сочетании с определенным текстом для отображения при загрузке, а также другое изображение и объединенный текст после обновления.

Но теперь я хочу подключить его ккнопка, чтобы случайное сочетание текста и изображения отображалось только при нажатии, кнопка ничего не делает.

Javascript в заголовках тегов

<div id="quote"></div>


    <input class="Randombutton" style="float: left;" type="button" 
    value="Randomize" onclick="randomImg()">
    
    
    
    <script>
    (function randomImg() {
      var quotes = [
        {
          text: "BIO1",
          img:  "images/captainamerica.jpg"
        },
        {
          text: "BIO2",
          img:  "images/hulk.jpg",
        },
		{
          text: "BIO3",
          img:  "images/spiderman.jpg",
        },
		{
          text: "BIO4",
          img:  "images/blackwidow.jpg",
        },
		{
          text: "BIO5",
          img:  "images/ironman.png",
        },
      ];
      var quote = quotes[Math.floor(Math.random() * quotes.length)];
      document.getElementById("quote").innerHTML =
        '<p>' + quote.text + '</p>' +
        '<img src="' + quote.img + '">';
    })();
    </script>

Любая помощь очень ценится.Спасибо.

Answer 1

Это соответствует тому, что вам нужно?

function randomImg() {
      var quotes = [
        {
          text: "BIO1",
          img:  "images/captainamerica.jpg"
        },
        {
          text: "BIO2",
          img:  "images/hulk.jpg",
        },
		{
          text: "BIO3",
          img:  "images/spiderman.jpg",
        },
		{
          text: "BIO4",
          img:  "images/blackwidow.jpg",
        },
		{
          text: "BIO5",
          img:  "images/ironman.png",
        },
      ];
      var quote = quotes[Math.floor(Math.random() * quotes.length)];
      document.getElementById("quote").innerHTML =
        '<p>' + quote.text + '</p>' +
        '<img src="' + quote.img + '">';
    }

<div id="quote"></div>


    <input class="Randombutton" style="float: left;" type="button" 
    value="Randomize" onclick="randomImg()">