add event listener in class js code example
Example 1: event listener to elements with class
document.querySelectorAll('.some-class').forEach(item => {
item.addEventListener('click', event => {
})
})
Example 2: javascript onclick event listener
document.getElementById("myBtn").addEventListener("click", function() {
alert("Hello World!");
});
Example 3: javascript add listeners to class
var classname = document.getElementsByClassName("classname");
var myFunction = function() {
var attribute = this.getAttribute("data-myattribute");
alert(attribute);
};
for (var i = 0; i < classname.length; i++) {
classname[i].addEventListener('click', myFunction, false);
}