add event listener javascript code example

Example 1: addeventlistener hover js

let test = document.getElementById("test");

test.addEventListener("mouseover", function( event ) {
  alert("mouse over test!")
  , false);

Example 2: javascript onclick event listener

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

Example 3: js addeventlistener

document.getElementById("example").addEventListener('click', function() {
  alert('Click');
});

Example 4: event listener javascript

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

element.addEventListener("click", () => {
	console.log("clicked element");
});

Example 5: js addeventlistener

var element=document.getElementById("some_id");
var listener=element.addEventListener('click',function(event){                          
            
 });

Example 6: event listener javascript

document.querySelector('div').addEventListener('click', () => {
  console.log('div clicked');
});