Question

当用户点击图片时，我正尝试使用以下代码将变量“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>

Answer 1

你错过了函数背后的（）

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

你的代码对我来说很好

Answer 2

错误

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();">

Answer 3

尝试：

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

Answer 4

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

Answer 5

你忘了功能括号

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

Answer 6

银行必须使用双引号： document.getElementById（“bank”）。innerHTML = current;

Answer 7

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

Answer 8

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

function onButtonClick
{

变为

function onButtonClick()
{

Answer 9

更改

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

会更好

Javascript将变量写入div

9 个答案: