MoreLesson 270Preview gratis
Section Counter
Lesson ini bagian dari How To · Semua level
Ringkasan
Section counter menampilkan angka statistik yang bertambah dari nol sampai nilai target. JavaScript membaca nilai dari atribut data, lalu menganimasikan angka memakai requestAnimationFrame. Animasi sebaiknya dimulai saat bagian tersebut terlihat agar pengunjung benar-benar menyaksikannya.
Poin kunci
- Simpan nilai target pada atribut data-target agar mudah dibaca JavaScript.
- querySelectorAll memungkinkan semua penghitung diproses sekaligus.
- IntersectionObserver memulai animasi ketika elemen masuk viewport.
- requestAnimationFrame menghasilkan pembaruan angka yang halus dan hemat.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.