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

例如獲取隨機圖像的 select 索引

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

您可以使用訪問圖像源

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