HTML/Javascript Button Click Counter

by

Use var instead of int for your clicks variable generation and onClick instead of click as your function name:

var clicks = 0;

function onClick() {
  clicks += 1;
  document.getElementById("clicks").innerHTML = clicks;
};
<button type="button" onClick="onClick()">Click me</button>
<p>Clicks: <a id="clicks">0</a></p>

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.

More Related Contents:

  1. Countdown in days
  2. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  3. jQuery click anywhere in the page except on 1 div
  4. Javascript Detect click event outside of div [duplicate]
  5. Detect if user clicks inside a circle
  6. Detect if user clicks inside a circle
  7. Javascript click event handler – how do I get the reference to the clicked item?
  8. Why isn’t my checkbox change event triggered?
  9. Adding space between numbers
  10. Get value of Span Text
  11. Twitter-style autocomplete in textarea
  12. Targeting $(this) within nested for each loops in jQuery
  13. How to get on-screen visible element objects in jQuery? [duplicate]
  14. How to display file name for custom styled input file using jquery?
  15. Add click event on div tag using JavaScript
  16. In JQuery, Is it possible to get callback function after setting new css rule?
  17. html: hover table column [duplicate]
  18. use text-align smartly (if english dir=ltr if arabic dir=rtl)
  19. How to get the applied style from an element, excluding the default user agent styles
  20. JavaScript runtime error: ‘$’ is undefined
  21. What makes an input vulnerable to XSS?
  22. Using Javascript to compare two input numbers in HTML?
  23. Disable scrolling on “
  24. How do I download a file from FastAPI backend using JavaScript Fetch API in the frontend?
  25. How to get text box value in JavaScript
  26. Failed to execute ‘atob’ on ‘Window’
  27. How can I copy to clipboard in HTML5 without using flash?
  28. Check if a browser has built-in HTML form validation?
  29. Get Clicked from
  30. How do I correctly use setInterval and clearInterval to switch between two different functions?

Leave a Comment