Event Listener

Using addEventListener().

Examples

Add Click Listener

Adding a simple click event listener.

document.getElementById("myBtn").addEventListener("click", function() {
  alert("Hello World!");
});

Multiple Listeners

Adding multiple handlers for the same event.

var x = document.getElementById("myBtn");
x.addEventListener("click", myFunction);
x.addEventListener("click", someOtherFunction);

function myFunction() { alert("Hello World!"); }
function someOtherFunction() { alert("This function was also executed!"); }

Passing Parameters

Using an anonymous function to pass parameters.

let p1 = 5;
let p2 = 7;
document.getElementById("myBtn").addEventListener("click", function() {
  myFunction(p1, p2);
});

function myFunction(a, b) {
  console.log(a * b);
}

Test Your Knowledge

JavaScript Quiz

No quiz available for this topic yet.