Javascript DOM Selection Event Bubbling Capturing

Definisi

DOM (Document Object Model) adalah representasi pohon HTML yang bisa dimanipulasi JS. querySelector/getElementById memilih node; event mengalir dari root ke target (capturing) lalu naik (bubbling). addEventListener mendaftarkan handler.

Kapan dipakai

Wajib untuk interaksi UI di vanilla JS atau memahami cara framework (React) bekerja di bawah. Penting sebelum async/fetch lanjut.

Cara kerja

js

const btn = document.querySelector('#btn');
btn.addEventListener('click', (e) => {
  console.log