Practice Yourself - JS Event Listeners

Code Editor javascript

const button = document.querySelector('#myBtn');

// addEventListener
button.addEventListener('click', function(e) {
  console.log('Button clicked!', e.target);
});

// Arrow function handler
button.addEventListener('mouseover', (e) => {
  e.target.style.background = 'lightblue';
});

// Event delegation
document.querySelector('#list').addEventListener('click', (e) => {
  if (e.target.tagName === 'LI') {
    e.target.classList.toggle('completed');
  }
});