Javascript在单击时更改图像

我有一些图片

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

如何确保当你点击图片时，这4张图片被任意（随机）交换？

这里有一个算法：

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

---

实现留给读者作为练习。

选择一个

随机数

，用第一个图像交换

图像

的源，然后替换其他两个图像的src

Eg获取随机图像的选择索引

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

您可以使用访问图像源

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

---

什么意思？你想在单击其中一个图像时将所有这些图像洗牌吗？还是想显示一个图像，并在单击时将其切换到4个图像中的另一个？这不是真正的答案，是吗？