按钮onclick没有响应

Question

我对JavaScript相当陌生，并且尝试将自己的图片库作为我的第一个简单项目。 我希望它能顺利进行，但似乎我犯了一些小错误，而且我不知道在哪里。

因此，我的初始计划是：我将使用一个空的src属性设置一个图像元素，创建一个图像名称数组，添加一个函数，该函数将在每次触发时将数组指针增加1，然后仅添加相应的值在src的数组中。

但是，它不起作用。 您能否尝试查看代码中的任何错误？ 我真的不知道该怎么办，只是找不到错误。

<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>

提前非常感谢您。

Answer 1

我没有对此进行调试，但是我猜测是正在调用onclick，但是您没有更新该changeCount代码中的计数。

尝试将几乎所有代码放入changeCount 。

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

Answer 2

单击按钮后，将运行此功能。

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

该代码在脚本首次加载时运行。

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

您希望它在单击按钮时运行。 将其移动到函数内部。

按钮onclick没有响应

问题描述

2 个解决方案

解决方案1
0 2013-12-15 11:45:28

解决方案2
0 2013-12-15 11:45:41

按钮onclick没有响应

问题描述

2 个解决方案

解决方案1 0 2013-12-15 11:45:28

解决方案2 0 2013-12-15 11:45:41

解决方案1
0 2013-12-15 11:45:28

解决方案2
0 2013-12-15 11:45:41