Javascript update/increment variable value on click

Question

I have this following code: 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>

What I am trying to do is:

On clicking the button the value of 'a' will be displayed in the textbox and 'a' will be incremented.
On clicking again now the incremented value should be displayed but this doesn't happen.

Where am I going wrong?

karaxuna · Accepted Answer

<input type="text" id="text" value="1"/>

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

Javascript update/increment variable value on click

Tags:

javascript

increment

rohan_vg

1 Answers

karaxuna

Recent Activity

Donate For Us

Javascript update/increment variable value on click

Tags:

javascript

increment

rohan_vg

1 Answers

karaxuna

Related questions

Recent Activity

Donate For Us