MoreLesson 180Preview gratis
To Do List
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas pembuatan daftar tugas sederhana yang dapat menambah, menandai selesai, dan menghapus item. JavaScript membuat elemen baru dari nilai input, menempelkan event melalui event delegation, dan memperbarui tampilan. Agar data tidak hilang saat halaman dimuat ulang, daftar dapat disimpan di localStorage.
Poin kunci
- Gunakan form dengan event submit agar penambahan tugas juga bekerja lewat keyboard
- Buat elemen dengan createElement dan isi teks menggunakan textContent untuk mencegah injeksi HTML
- Manfaatkan event delegation pada kontainer untuk menangani tombol selesai dan hapus
- Simpan daftar ke localStorage dalam bentuk JSON dan muat kembali saat halaman dibuka
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.