所以我有這個應用程序，我點擊按鈕，嵌套的 div 出現，最里面的 div 中帶有圖像。textarea 會跟蹤按鈕被單擊的次數，并且每次單擊時，嵌套的 div 都會保留，但圖像會在初始圖像和第二個圖像之間交換?，F在，在第一次單擊時，一切都是正確的：第一次單擊時出現嵌套的 div，第一個圖像位于 div 中，并且計數器更新。此后的每次點擊：嵌套的 div 保留并且不重復（這是正確的），計數器更新（這是正確的），圖像在偶數和奇數單擊之間交替，但它們都被添加到彼此旁邊。我需要的是讓它們相互交換/替換。我不知道我是否需要重做我的 addbutterfly 函數，這樣它們就不會只是不斷添加，而只會根據文本區域的點擊值添加 1 個圖像我的另一個想法是添加一個函數來刪除偶數或奇數的圖像，同時添加相反的偶數或奇數的圖像。任何幫助表示贊賞var i = 0;function runTogether1() { const value = parseInt(document.getElementById('id1').value, 10); if (isNaN(value)) { addDiv(); addDiv2(); addDiv3(); addbutterfly(); incrementValue(); } else{ addbutterfly(); incrementValue(); } }function addDiv() { var div1 = document.createElement('div'); div1.classList.add('div1'); document.body.appendChild(div1); }function addDiv2() { var div2 = document.createElement('div'); div2.classList.add('div2'); document.getElementsByClassName("div1")[i].appendChild(div2); }function addDiv3() { var div3 = document.createElement('div'); div3.classList.add('div3'); document.getElementsByClassName("div2")[i].appendChild(div3); }function addbutterfly() { var img = document.createElement('img'); // Get the value of the "textfield" const value = parseInt(document.getElementById('id1').value, 10); // If the value is even, add "bfly2.gif", otherwhise add "bfly1.gif" img.src = value % 2 === 0 ? "bfly2.gif" : "bfly1.gif"; document.getElementsByClassName("div3")[0].appendChild(img);}function incrementValue(){ var value = parseInt(document.getElementById('id1').value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById('id1').value = value;} .div1 { background-color: red; margin: 1em; height: 500px; width: 500px; justify-content: center; align-items: center;}.div2 { background-color: yellow; height: 300px; width: 300px;}
如何用點擊計數值替換圖像而不是添加帶有點擊計數值的圖像？（刪除圖像+添加新圖像）
qq_笑_17
2023-07-14 15:15:39
