How to increment a JavaScript variable using a button press event

Question

Can I create a javascript variable and increment that variable when I press a button  not submit the form   Thanks

User · Answer

yes  supposing your variable is in the global namespace    lt button onclick  myVar    1 alert  myVar now equals     myVar   gt Increment   lt  button gt

User · Answer

I believe you need something similar to the following    lt script type  text javascript  gt  var count  function increment        count       lt  script gt         and       lt input type  button  onClick  increment    value  Increment   gt    or   lt input type  button  onClick  count    value  Increment   gt

User · Answer

lt script type  text javascript  gt  var i 0   function increase         i        return false    lt  script gt  lt input type  button  onclick  increase     gt

User · Answer

I needed to see the results of this script and was able to do so by incorporating the below   var i 0   function increase     i    document getElementById  boldstuff   innerHTML   i      lt p gt var    lt b id  boldstuff  gt 0 lt  b gt  lt  p gt   lt input type  button  onclick  increase     gt    add the  script  tag above all and a closing script tag below the function end curly brace  Returning false caused firefox to hang when I tried it  All other solutions didn t show the result of the increment  in my experience

User · Answer

Had a similar problem   Needed to append as many text inputs as the user wanted  to a form   The functionality of it using jQuery was the answer to the question    lt div id  inputdiv  gt   lt button id  mybutton  gt add an input lt  button gt   lt  div gt    lt script gt  var thecounter 0    declare and initialize the counter outside of the function     mybutton   on  click   function    thecounter        inputdiv   append   lt input id  input  thecounter    type  text  gt         lt  script gt    Adding the count to each new input id resulted in unique ids which lets you get all the values using the jQuery serialize   function

User · Answer

The purist way to do this would be to add event handlers to the button  instead of mixing behavior with the content  LSM  Layered Semantic Markup    lt input type  button  value  Increment  id  increment   gt    lt script type  text javascript  gt      var count   0         JQuery way         increment   click function  e            e preventDefault            count                   YUI way     YAHOO util Event on  increment    click   function  e            YAHOO util Event preventDefault e           count                   Simple way     document getElementById  increment   onclick   function  e            count            if  e preventDefault                e preventDefault                      e returnValue   false          lt  script gt

User · Answer

Yes    lt script type  text javascript  gt  var counter   0   lt  script gt    and   lt button onclick  counter    gt Increment lt  button gt

User · Answer

Use type    button  instead of  submit   then add an onClick handler for it   For example    lt input type  button  value  Increment  onClick  myVar       gt

User · Answer

Yes    lt head gt   lt script type  javascript  gt  var x   0   lt  script gt   lt  head gt   lt body gt     lt input type  button  onclick  x      gt   lt  body gt     Psuedo code  god I hope this is right

[javascript] How to increment a JavaScript variable using a button press event

Examples related to javascript