2

当用户单击图像时，我正在尝试使用以下代码将变量“current”写入 div“bank”： document.getElementById('bank').innerHTML = current

根据我的研究，这应该有效，但事实并非如此。这是我的代码：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/default.css">
        <script>
            var current = 0;
            var totalThisGame = 0;

            function onButtonClick
            {
                current = current +1;
                totalThisGame = totalThisGame +1;
                document.getElementById('bank').innerHTML = current;
            }
        </script>
    </head>
    <body>
        <div id="left">
            <div id="bank">
            </div>
            <img id="image" src="img/image.png" alt="image" onclick=onButtonClick();>
        </div>
        <div id="middle">
        </div>
        <div id="right">
        </div>
    </body>
</html>
4

9 回答 9

4

你错过了你的函数背后的 ()

function onButtonClick()
            {
                current = current +1;
                totalThisGame = totalThisGame +1;
                document.getElementById('bank').innerHTML = current;
            }

你的代码对我来说很好用

于 2013-10-31T10:14:52.297 回答
1

错误

change  function onButtonClick ->  function onButtonClick()

<img id="image" src="img/image.png" alt="image" onclick=onButtonClick();> to

<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();">
于 2013-10-31T10:14:30.483 回答
0

始终在双引号内的 html 中的任何事件上使用任何函数。试试这个

于 2013-10-31T10:16:44.503 回答
0

您应该阅读控制台消息，并且您会注意到您的功能很奇怪。注意括号。

function onButtonClick
{

变成

function onButtonClick()
{
于 2013-10-31T10:18:13.477 回答
0

改变 

function onButtonClick to  function onButtonClick()

<img id="image" src="img/image.png" alt="image" onclick=onButtonClick();>

至

<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();">

如果您将 javascript 放在正文结束标记之前或使用 window.onload 方法会更好

于 2013-10-31T10:20:45.827 回答
0

尝试：

<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();">
于 2013-10-31T10:13:51.397 回答
0

您的功能定义不正确。它应该function onButtonClick()代替function onButtonClick. 然后使用该 HTML 代码：<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();">

于 2013-10-31T10:15:11.510 回答
0

你忘记了函数括号

       function onButtonClick()
        {
            current = current +1;
            totalThisGame = totalThisGame +1;
            document.getElementById('bank').innerHTML = current;
        }
于 2013-10-31T10:15:18.097 回答
0

银行必须用双引号括起来： document.getElementById("bank").innerHTML = current;

于 2013-10-31T10:15:18.170 回答