时间戳

首页 > 解决方案 > HTML按钮不与Javascript交互

javascript - HTML按钮不与Javascript交互

问题描述

我正在尝试制作一个简单的点击计数器。我相信我的 JS 是合理的，但我没有从调用它的 HTML 按钮中获得任何功能。

我尝试使用..从 HTML 按钮调用我的 JS 函数

 <button onclick="addOne()"

..但按钮根本没有产生输出。以下是包含我的 JS 函数和 HTML 的问题示例。

<body>
    <div>
        <h1><span id="thisone">1</span></h1>
        <button onclick="addOne()" type="submit">Button</button>
    </div>
</body>
<script type="text/javascript">
    function addOne(){
        const foo = document.getElementById('thisone').innerHTML;
        foo++;
        document.getElementById('thisone').innerHTML = foo;    
    };
</script>

到现在为止，它只是按下并且数字保持不变。每次单击按钮时，我都试图让数字增加 1。

标签： javascripthtmlbutton

解决方案

const关键字声明一个常量值，因此不能使用++运算符进行修改。使用let关键字而不是const允许修改foo变量。

推荐阅读