Bagian 21: DOM Lanjutan

Setelah mempelajari dasar DOM pada bagian sebelumnya, sekarang kita akan mendalami teknik manipulasi DOM yang lebih lanjut menggunakan JavaScript.

Memanipulasi Elemen

Kamu dapat menambah, menghapus, atau mengganti elemen pada halaman secara dinamis.

// Membuat elemen baru
const baru = document.createElement('p');
baru.textContent = 'Ini paragraf baru';

// Menambahkan ke dalam elemen dengan id 'kontainer'
document.getElementById('kontainer').appendChild(baru);

Event Listener

Menambahkan event listener agar halaman dapat merespons aksi pengguna.

const tombol = document.getElementById('tombol');
tombol.addEventListener('click', () => {
  alert('Tombol diklik!');
});

Exercise: Manipulasi DOM