Для чего нужен preventDefault

preventDefault() отменяет стандартное поведение браузера при событии. Например:

form.addEventListener('submit', (e) => {
  e.preventDefault(); // Страница не перезагрузится
  // Кастомная обработка формы
});

Используется когда нужно:

• Заменить стандартное поведение (отправка формы, переход по ссылке)
• Обработать событие перед выполнением стандартного действия
• Полностью заблокировать действие (например, клик по неактивной кнопке)

Важно: preventDefault() не останавливает всплытие события (для этого есть stopPropagation()).