我是 Javascript/HTML 的初學者。所以，如果我遺漏了一些明顯的東西，我很抱歉。我的任務(wù)：在我的網(wǎng)站上我想顯示一張圖片，當網(wǎng)站加載或刷新時該圖片始終相同。在該圖片旁邊，我想實現(xiàn)一個按鈕，上面寫著：“隨機播放”。此按鈕隱藏最初顯示的第一張圖片，然后顯示從數(shù)組中選擇的隨機圖片。圖片更改后，“隨機播放”按鈕應(yīng)該可以再次單擊，并且每次單擊它都應(yīng)該從數(shù)組中隨機選擇一張新圖片。第一個初始圖片僅應(yīng)在刷新網(wǎng)站時再次顯示。我的問題：當單擊“隨機播放”按鈕時，圖片會發(fā)生變化，但按鈕和我編寫的應(yīng)在網(wǎng)站上顯示的其他所有內(nèi)容也會消失。所以不可能再次點擊。為了重復(fù)選擇新的隨機圖像，我將數(shù)組放入一個函數(shù)中，該函數(shù)通過按鈕上的 oncklick 進行選擇（我認為我的問題就在這里）。如果我刪除數(shù)組周圍的此函數(shù)，則單擊該按鈕時不會消失，但該按鈕不能多次單擊。此問題的圖片包含在本文的底部。我希望您能理解我的問題并且能夠幫助我。謝謝！代碼：<body> <!-- button with functions:hide initial picture, select random picture, show random picture--> <button onClick="hideNumber(); shuffle(); showMeme();">Shuffle</button> <!--initial picture thats not random and always shown when page is loaded--> <div> <img id="number" src="images/zahl1.jpg" alt="Number"> </div> <script type="text/javascript"> function hideNumber() { var x = document.getElementById("number"); if (x.style.display == "none") { } else { x.style.display = "none"; } }//function so the button should be reclickable / array filled with picturesfunction shuffle(){ var images1 = [], index1 = 0; images1[0] = "<div><img src='images/meme1.jpg' id='Meme1' style='visibility:hidden' alt='meme1'></div>"; images1[1] = "<div><img src='images/meme2.jpg' id='Meme1' style='visibility:hidden' alt='meme2'></div>"; images1[2] = "<div><img src='images/meme3.jpg' id='Meme1' style='visibility:hidden' alt='meme3'></div>"; //selecting random number index1 = Math.floor(Math.random() * images1.length); //displaying random image out of array document.write(images1[index1]);}//execute function? (not sure if done right) shuffle();//function to show the random picture when button is clicked function showMeme() { document.getElementById('Meme1').style.visibility='visible'; } </script></body>這是一張顯示網(wǎng)站首次加載時的圖片第二張圖顯示了單擊按鈕時發(fā)生的情況。第一張圖片消失，第二張隨機圖片顯示（應(yīng)該是這樣），但生成不同隨機圖片的按鈕消失了
Javascript/HTML - 使用 onclick 重復(fù)執(zhí)行函數(shù)
猛跑小豬
2024-01-18 20:45:00
