HTML Javascript Button Click Counter

Question

I have done something similar to this before  and I know this is really close  I m just trying to make it so that my button increments the javascript variable  and the function then displays the new value    lt html gt   lt head gt       lt title gt Space Clicker lt  title gt   lt  head gt    lt body gt       lt script type  text javascript  gt      int clicks   0      function click             clicks    1          document getElementById  clicks   innerHTML   clicks              lt  script gt       lt button type  button  onClick  click    gt Click me lt  button gt       lt p gt Clicks   lt a id  clicks  gt 0 lt  a gt  lt  p gt    lt  body gt  lt  html gt

User · Answer

Through this code  you can get click count on a button       lt  DOCTYPE html gt   lt html gt   lt head gt       lt meta charset  utf-8  gt       lt title gt Button lt  title gt       lt link rel  stylesheet  type  text css  href  css button css  gt   lt  head gt   lt body gt       lt script src  js button js  type  text javascript  gt  lt  script gt        lt button id  btn  class  btnst  onclick  myFunction    gt 0 lt  button gt   lt  body gt   lt  html gt   ----------JAVASCRIPT---------- let count   0  function myFunction       count  1    document getElementById  btn   innerHTML   count

User · Answer

lt  DOCTYPE html gt   lt html gt   lt head gt   lt script gt       var clicks   0      function myFunction              clicks    1          document getElementById  demo   innerHTML   clicks           lt  script gt   lt  head gt   lt body gt    lt p gt Click the button to trigger a function  lt  p gt    lt button onclick  myFunction    gt Click me lt  button gt    lt p id  demo  gt  lt  p gt    lt  body gt   lt  html gt    This should work for you    Yes var should be used

User · Answer

Use var instead of int for your clicks variable generation and onClick instead of click as your function name   x000D   x000D  var clicks   0   function onClick       clicks    1    document getElementById  clicks   innerHTML   clicks     x000D   lt button type  button  onClick  onClick    gt Click me lt  button gt   lt p gt Clicks   lt a id  clicks  gt 0 lt  a gt  lt  p gt  x000D   x000D   x000D   In JavaScript variables are declared with the var keyword  There are no tags like int  bool  string    to declare variables  You can get the type of a variable with  typeof yourvariable    more support about this you find on Google  And the name  click  is reserved by JavaScript for function names so you have to use something else

User · Answer

After looking at the code you re having typos  here is the updated code  var clicks   0     should be var not int     function clickME             clicks    1          document getElementById  clicks   innerHTML   clicks    getElementById   not getElementByID   Which you corrected in edit      Demo  Note  Don t use in-built handlers  as  click   is javascript function try giving different name like  clickME

User · Answer

Don t use the word  click  as the function name  It s a reserved keyword in JavaScript  In the bellow code I   ve used  hello  function instead of  click    lt html gt   lt head gt       lt title gt Space Clicker lt  title gt   lt  head gt    lt body gt       lt script type  text javascript  gt       var clicks   0      function hello             clicks    1          document getElementById  clicks   innerHTML   clicks              lt  script gt       lt button type  button  onclick  hello    gt Click me lt  button gt       lt p gt Clicks   lt a id  clicks  gt 0 lt  a gt  lt  p gt    lt  body gt  lt  html gt

[javascript] HTML/Javascript Button Click Counter

Examples related to javascript

Examples related to html

Examples related to click

Examples related to counter