← Back to Roadmap

Events

Easy

In plain terms

Events are user or browser actions (click, submit, load). Use addEventListener to attach handlers. Prevent default or stop propagation as needed. Event object has target, type, etc.

What you need to know

  • •addEventListener
  • •Event object
  • •preventDefault, stopPropagation

Try it yourself

Copy the code below and run it in your browser console or a code editor:

btn.addEventListener('click', (e) => {
  console.log(e.target);
});

form.addEventListener('submit', (e) => {
  e.preventDefault();
});

document.addEventListener('DOMContentLoaded', () => {
  console.log('Ready');
});

Learn more

Dive deeper with these trusted resources:

MDNjavascript.infoTutorialsPointW3Schools