如何从数组中选择随机图像并将其用作 javascript 和 html 中其他图像的来源

Question

I am trying to make a website and I need random images to be generated and then used as an input button thingy.我正在尝试制作一个网站，我需要生成随机图像，然后用作输入按钮。

When I try to use the results of the thing the image does not show up.当我尝试使用图像不显示的结果时。

The thing i need help with is displaying the image bc the code that picks the random image like has it under a name but idk how to use to name as a source for a button thing我需要帮助的事情是显示图像 bc 选择随机图像的代码就像在名称下一样，但我不知道如何使用名称作为按钮事物的来源

I want the generated image to replace the button if that makes any sense如果有任何意义，我希望生成的图像替换按钮

Answer 1

I believe you're trying to do this:我相信你正在尝试这样做：

HTML: HTML:

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

JS:记者：

<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