How to count the number of times a button is clicked using JavaScript ?
In this article, we are given a button, and the task is to count how many times the button is clicked using JavaScript.
Approach: First, we will create an HTML button and a paragraph element where we display the button click count. When the button is clicked, the JavaScript function is called. We declare a count variable and initialize it to 0. When the user clicks the button, the count value increased by 1 and displays on the screen.
Example: This example shows the number of times a button is clicked.
HTML
<!DOCTYPE HTML> < html > < head > < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" > < title > Increment count when button is clicked </ title > < script > < script type = "text/javascript" > var count = 0; var btn = document.getElementById("btn"); var disp = document.getElementById("display"); btn.onclick = function () { count++; disp.innerHTML = count; } </ script > </ head > < body style = "text-align: center;" > < h1 style = "color: green;" > GeeksforGeeks </ h1 > < h4 > How to count the number of times a button is clicked? </ h4 > < button id = "btn" >Click Here!</ button > < p > Button Clicked < span id = "display" >0</ span > Times </ p > </ body > </ html > |
Output:
Please Login to comment...