Modul ini menghidupkan halaman web dengan DOM dan event. Materinya mencakup penelusuran pohon DOM, manipulasi konten, pembuatan elemen dari data, penanganan event, form beserta validasinya, Web Storage, pengenalan IndexedDB, dan penutup keamanan tentang XSS. Setiap topik dilengkapi demo interaktif yang dapat dicoba langsung di halamannya.
DOM dan event
Menghidupkan halaman web: pohon DOM, manipulasi elemen, event, form, penyimpanan klien, dan keamanannya.
0/0 selesai
- Pohon DOM
document.querySelector dan penelusuran node pada pohon DOM.
- Memanipulasi konten
textContent, keamanan innerHTML, serta pengaturan style dan class.
- Membuat elemen
createElement, append, dan membangun UI dari data.
- Event
addEventListener, objek event, bubbling, dan event delegation.
- Form dan validasi
Membaca input, preventDefault, dan validasi langsung pada form.
- Web Storage
localStorage dan sessionStorage untuk state yang bertahan setelah reload.
- Pengenalan IndexedDB
Basis data sisi klien untuk menyimpan data dalam jumlah besar secara offline.
- Petunjuk XSS pada DOM
Bahaya innerHTML dan dasar Content Security Policy.