JS: Module 6

← Dashboard
Module 6: The Interaction

Events

Listen for clicks, hovers, scroll. Handle forms and keyboard input.

// Click listener
btn.addEventListener('click', () => {
  alert('Order placed!');
});

// Form submit - prevent default, validate
form.addEventListener('submit', (e) => {
  e.preventDefault();
  if (!isValid) return;
  submitOrder();
});

// Keyboard
document.addEventListener('keydown', (e) => {
  if (e.key === 'Escape') closeModal();
});

Pro Tip

e.preventDefault() stops the default action (e.g. form submit, link navigation).

Events

click, dblclick, mouseover, submit, keydown, keyup, scroll...