Check if a html element is clicked using JavaScript
In this post we will give you information about Check if a html element is clicked using JavaScript. Hear we will give you detail about Check if a html element is clicked using JavaScriptAnd how to use it also give you demo for it if it is necessary.
we are going to learn about how to check if a html element clicked or not using JavaScript.
Consider, we have a following html div element.
<div id="container">Content goes here</div>
Now, we need to check if a div element is clicked or not.
Checking if a element is clicked
To check if a element is clicked, first we need to access the element inside the JavaScript using the document.getElementById() method, then add a click eventListener to it.
Here is an example:
const element = document.getElementbyId("container");element.addEventListener("click", ()=>{ alert("element is clicked");})In the code above, we have added an alert element is clicked inside the addEventListener() method. So, if a user clicks on the div element it shows an alert inside the browser that element was clicked.
We can also count, how many times an element is clicked like this:
Here is an example:
const element = document.getElementbyId("btn");let count = 0;element.addEventListener("click", ()=>{ count = count + 1; alert("element is clicked" + count);})Hope this code and post will helped you for implement Check if a html element is clicked using JavaScript. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs