let imageUrls = [
"/img/a.jpg",
"/img/b.jpg",
"/img/c.jpg",
"/img/d.jpg",
"/img/e.jpg",
// 添加更多圖片URL
];
let showRandomImageButton = document.getElementById("randomBtn");
showRandomImageButton.addEventListener("click", () => {
let selectedImage = document.getElementById("selected-image");
let randomIndex = Math.floor(Math.random() * imageUrls.length);
let randomImageUrl = imageUrls[randomIndex];
selectedImage.src = randomImageUrl;
});
let imageUrls = [...]
:這是一個JavaScript陣列,包含一系列圖片URL。您可以根據需要添加更多圖片URL,這些URL將用於隨機選擇要顯示的圖片。
let showRandomImageButton = document.getElementById("randomBtn");
:這行程式碼使用document.getElementById
方法獲取具有id
為"randomBtn"的按鈕元素,並將其存儲在名為showRandomImageButton
的變數中。
showRandomImageButton.addEventListener("click", () => { ... });
:這行程式碼將一個點擊事件監聽器添加到showRandomImageButton
按鈕上。當按鈕被點擊時,監聽器中的函式將被執行。
let selectedImage = document.getElementById("selected-image");
:這行程式碼使用document.getElementById
方法獲取具有id
為"selected-image"的圖片元素,並將其存儲在名為selectedImage
的變數中。這個元素將用於顯示隨機選擇的圖片。
let randomIndex = Math.floor(Math.random() * imageUrls.length);
:這行程式碼生成一個隨機數,該數介於0(包括)和imageUrls
陣列的長度之間。這個隨機數將用於隨機選擇圖片URL。
let randomImageUrl = imageUrls[randomIndex];
:這行程式碼使用隨機生成的索引randomIndex
從imageUrls
陣列中選擇一個圖片URL,並將其存儲在randomImageUrl
變數中。
selectedImage.src = randomImageUrl;
:這行程式碼將選擇的圖片元素的src
屬性設置為隨機選擇的圖片URL,從而將圖片顯示在網頁上。