• Event Handling: addEventListener(), event bubbling and capturing, event delegation

Event Listeners

<!-- index.html -->
<button id="myButton">Click Me</button>

<script>
  const button = document.querySelector('#myButton');

  // Add a 'click' event listener
  button.addEventListener('click', () => {
    alert('Button was clicked!');
  });
</script>