Javascript点击更改图片

Question

我有一些图片

<img src="hey.png" alt=""/><img src="asf.png" alt=""/><img src="3.png" alt=""/><img src="4.png" alt=""/>

如何确保点击图片时 - 这4张图片是随意互换的（随机）？

Answer 1

这是一个算法：

• 抓取图像的dom元素并将它们放入数组
• 洗牌阵列
• 从页面中删除它们
• 以新洗牌的顺序将它们放回页面。

实施留给读者练习。

Answer 2

选择random number并与第一张图片交换image的来源，然后替换其他两张图片的src

例如，获取随机图像的选择索引

index = Math.floor(Math.random() * images.length);

您可以使用

访问图像源

document.getElementById("ImageId").src = "Image source"