按鈕onclick沒有反應

我對JavaScript很新，我試圖把自己的圖片庫作爲我的第一個簡單的項目。我預計它會順利進行，但似乎我正在做一些微不足道的錯誤，我不知道在哪裏。因此，我的初步計劃是：我將設置一個圖像元素，其中包含空的src屬性，創建一個圖像名稱數組，添加一個函數，該函數在觸發時會將數組指針增加1，以及那麼只需將數組中的對應值添加到src即可。按鈕onclick沒有反應

雖然不起作用。你能否試着看看代碼中的任何錯誤？我真的不知道該怎麼做，只是找不到一個錯誤。

<html> 
<body> 
    <img src="" id="imageCanvas"> 
    <div id="counterDisplay"></div> 

    <script type="text/javascript"> 
    var images = ["increased.jpg","knight.jpg","knight-g.jpg","golden.jpg","land.jpg"]; 

    var counterDisplay = document.getElementById("counterDisplay"); 
    var imageCanvas = document.getElementById("imageCanvas"); 
    var imageCount = 0; 

      // function intended to increase the array position indicator by 1, but it always only increases it in relation to the original imageCount value (0), how to make it save the already increased value? 
    function changeCount() { 
     imageCount = imageCount+1; 
    } 

    counterDisplay.innerHTML = imageCount; 
    imageCanvas.setAttribute("src",images[imageCount]); 

    </script> 
      // The main problem: it just refuses to respond! 
    <button onclick="changeCount()">NEXT</button> 
</body>

非常感謝你提前。

來源

2013-12-15 user3104270

你想要的是顯示計數？ – Misters

我沒有通過這個調試，但我的猜測是onclick正在調用，但你沒有更新該計數changeCount代碼。

試着把幾乎所有的代碼放在changeCount。

function changeCount() { 
    imageCount = imageCount+1; 
    counterDisplay.innerHTML = imageCount; 
    imageCanvas.setAttribute("src",images[imageCount]); 
}

來源

2013-12-15 11:45:28 Jason

該功能在單擊按鈕時運行。

function changeCount() { 
    imageCount = imageCount+1; 
}

此代碼在腳本第一次加載時運行。

counterDisplay.innerHTML = imageCount; 
imageCanvas.setAttribute("src",images[imageCount]);

您希望它在點擊按鈕時運行。將其移到該函數中。

來源

2013-12-15 11:45:41 Quentin

按鈕onclick沒有反應

回答

相關問題