如何從數組中選擇隨機圖像並將其用作 javascript 和 html 中其他圖像的來源

Question

我正在嘗試制作一個網站，我需要生成隨機圖像，然后用作輸入按鈕。

當我嘗試使用圖像不顯示的結果時。

我需要幫助的事情是顯示圖像 bc 選擇隨機圖像的代碼就像在名稱下一樣，但我不知道如何使用名稱作為按鈕事物的來源

如果有任何意義，我希望生成的圖像替換按鈕

Answer 1

我相信你正在嘗試這樣做：

HTML:

<html>
  <body>
    <a href="#" onclick="alert('You clicked!')">
      <img src="" id="button_img" style="height: 100px;width: 100px;">
    </a>
  </body>
</html>

記者：

<script>

  //array of links for images
  var array_of_images = [
    "https://www.pngitem.com/pimgs/m/97-974332_yellow-duck-png-download-image-transparent-background-rubber.png",
    "https://www.shareicon.net/data/256x256/2015/07/31/78089_make_512x512.png",
    "https://www.pngitem.com/pimgs/m/97-974413_rubber-duck-png-transparent-background-duck-clipart-png.png"
    ];

  //generate random number form 0-3
  var randomNum = Math.floor(Math.random()*3);

  //using the random number to choose a link from the array
  document.getElementById('button_img').src = array_of_images[randomNum];

</script>

如何從數組中選擇隨機圖像並將其用作 javascript 和 html 中其他圖像的來源

問題描述

1 個解決方案

解決方案1
0 已采納 2022-12-18 05:07:42

如何從數組中選擇隨機圖像並將其用作 javascript 和 html 中其他圖像的來源

問題描述

1 個解決方案

解決方案1 0 已采納 2022-12-18 05:07:42

解決方案1
0 已采納 2022-12-18 05:07:42