Javascript将变量写入div

标签 javascript html variables innerhtml getelementbyid

当用户单击图像时,我尝试使用以下代码将变量“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>

最佳答案

你错过了函数后面的 ()

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

你的代码对我来说工作正常

关于Javascript将变量写入div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19703625/

相关文章:

php - 变量不会在 PHP 中从表单传递到电子邮件

python - 使用 setattr() 将字符串转换为变量

javascript - React Router 总是说没有路由,即使它们已经设置好了

javascript 无法加载,没有明显的错误

javascript - Vanilla JS - 通过单击按钮隐藏和显示 div 的功能

javascript - JS向表单添加输入刷新页面不输入

javascript - 使用js设计 Accordion 菜单,但只想一次只打开一个 Accordion 选项卡

javascript - 如何在鼠标单击时为 div 的每个外观添加 fade In() 效果?

javascript - 检查屏幕上是否存在 html 元素

javascript - 理解 Let 范围