Answers for "click event listener JS"

47

javascript onclick event listener

document.getElementById("myBtn").addEventListener("click", function() {
  alert("Hello World!");
});
Posted by: Guest on July-10-2020
3

javascript class click event

var elements = document.getElementsByClassName("classname");

var myFunction = function() {
    var attribute = this.getAttribute("data-myattribute");
    alert(attribute);
};

for (var i = 0; i < elements.length; i++) {
    elements[i].addEventListener('click', myFunction, false);
}

// If you have ES6 support you can replace your last line with:

    Array.from(elements).forEach(function(element) {
      element.addEventListener('click', myFunction);
    });
Posted by: Guest on March-06-2020
33

event listener javascript

const element = document.querySelector(".class__name");

element.addEventListener("click", () => {
	console.log("clicked element");
});
Posted by: Guest on December-31-2019
1

eventlistener javascript

document.querySelector("button").addEventListener("click", handle);

function handle() {
  alert("I got clicked")
}
Posted by: Guest on March-04-2021
3

javascript event listener

element.addEventListener("click", function(){ 
   element.innerText = "something"; 
});
Posted by: Guest on February-19-2020
3

event listener javascript

document.querySelector('div').addEventListener('click', () => {
  console.log('div clicked');
});
Posted by: Guest on October-05-2020

Code answers related to "click event listener JS"

Code answers related to "Javascript"

Browse Popular Code Answers by Language