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

前端之家收集整理的这篇文章主要介绍了点击时Javascript更新/增加变量值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下代码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>​

我想要做的是:

>单击按钮时,“a”的值将显示在文本框中,“a”将递增.
>现在再次单击时,应显示递增的值,但不会发生这种情况.

我哪里错了?

解决方法

你只是递增一个在函数结束时消失的局部变量.你可以这样做:
var a = 1;
      function increase(){
            var textBox = document.getElementById("text");
            textBox.value = a;
            a++;
      }

猜你在找的JavaScript相关文章