HTML membangun struktur dan CSS mengatur tampilan. Lalu bagaimana membuat halaman dapat merespons tindakan pengguna?
Jawabannya adalah JavaScript.
JavaScript dapat digunakan untuk membuat berbagai interaksi pada halaman web.
Contohnya:
<button onclick="tampilkanPesan()">Klik Saya</button>
<script>
function tampilkanPesan() {
alert("Halo, selamat datang!");
}
</script>{codeBox}
Ketika tombol ditekan, JavaScript menjalankan fungsi dan menampilkan pesan.
Dalam aplikasi web yang lebih kompleks, JavaScript dapat digunakan untuk:
- Validasi form
- Membuka dan menutup menu
- Membuat modal
- Mengubah isi halaman tanpa reload
- Mengirim permintaan ke server
- Mengambil data dari API
- Membuat dashboard interaktif
JavaScript sangat berguna ketika kita ingin memberikan pengalaman pengguna yang lebih dinamis.
Hasil akhir seperti di bawah ini :
