点击时 Javascript 更新/增加变量值

标签 javascript increment

我有以下代码:JS Fiddle

<html>
    <head>
        <script>            
            function increase(){
                var a = 1;
                var textBox = document.getElementById("text");
                textBox.value = a;
                a++;
            }            
        </script>
    </head>

    <body>
        <button type="button" onclick="increase()">show</button>
        <input type="text" id="text">
    </body>
</html>​

我想做的是:

  1. 单击按钮时,“a”的值将显示在文本框中,并且“a”将递增。
  2. 现在再次单击时应该显示增加的值,但这并没有发生。

我哪里错了?

最佳答案

您只是递增一个在函数结束时消失的局部变量。你可以这样做:

      var a = 1;
      function increase(){
            var textBox = document.getElementById("text");
            textBox.value = a;
            a++;
      }    

关于点击时 Javascript 更新/增加变量值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13249528/

相关文章:

javascript - 使用计时器将父子图片移动 1px

ios - 解析incrementKey导致iOS应用程序崩溃

javascript - 语法错误: "Cannot use import statement outside a module" - JavaScript in Python

javascript - 谷歌登录api(platform.js)设置没有SameSite属性的cookie?

javascript - nodejs 在 2 个字符串之间更改多个字符串实例

javascript - 带有 Apache Tomcat 的 Express.js 服务器

c++ - 添加传递给它的两个变量的递归函数

c - 递增单个字符以输出到 OLED 显示器,但递增 2 而不是 1

python - 如何创建具有增量步骤的范围列表?

javascript - 使用 componentDidUpdate 循环