Section ini menyusun materi secara bertahap: kerjakan Chapter dari urutan teratas agar setiap konsep baru selalu berpijak pada konsep sebelumnya. Setiap Chapter menyertakan contoh kode yang telah diuji dan dapat Anda ikuti langsung di editor.

# Peran JavaScript dalam Web

Kenali JavaScript sebagai lapisan perilaku halaman web dan buat interaksi pertama pada halaman HTML.

Buka → # Menghubungkan File JavaScript

Hubungkan file JavaScript lewat elemen script src, bandingkan inline dan eksternal, serta kenali type module.

Buka → # Script dan Defer

Pelajari urutan eksekusi script classic, defer, dan async, lalu pilih mode yang tepat untuk setiap kebutuhan.

Buka → # Memilih Elemen DOM

Pilih elemen HTML dari JavaScript dengan getElementById, querySelector, dan querySelectorAll beserta jebakan null.

Buka → # Mengubah Teks Elemen

Ubah teks elemen dengan textContent, kenali risiko innerHTML, atur value input, dan susun teks dengan template literal.

Buka → # Mengubah Class Elemen

Kelola tampilan lewat classList: add, remove, toggle, dan contains, dengan pola tema gelap terang sederhana.

Buka → # Event Click

Pasang pendengar klik dengan addEventListener, bandingkan dengan atribut onclick, dan bangun penghitung klik.

Buka → # Event Input

Bedah event input dan change pada elemen form, baca nilai lewat e.target.value, dan buat penghitung karakter.

Buka → # Menampilkan dan Menyembunyikan Konten

Bandingkan atribut hidden, class display none, dan style.display, lengkap dengan aria-expanded dan contoh FAQ.

Buka → # Validasi Form Sederhana

Lengkapi validasi native dengan JavaScript: event submit, preventDefault, checkValidity, dan ValidityState.

Buka → # Kapan Belajar JavaScript Lebih Dalam

Kenali tanda siap memperdalam JavaScript, peta topik lanjutan, rute belajar resmi, dan peta jalan satu file.

Buka →