3.3 Laman Web Interaktif

Apabila butang diklik dan JS buat fetch() ke API, ini contoh:

• Synchronous load

• Asynchronous request

• Form validation

• SQL injection

Event listener di JS digunakan untuk:

• Hantar data ke server

• Dengarkan tindakan pengguna (klik, hover…)

• Style elemen

• Compile skrip

Apakah fungsi innerHTML dalam JS?

• Simpan data dalam session

• Tukar kandungan HTML elemen

• Ping server

• Baca CSS

Apakah peranan utama fetch() dalam JavaScript?

• Cetak kandungan

• Hantar permintaan ke pelayan

• Tukar gaya CSS

• Cetak console.log

Contoh ciri interaktif laman web:

• Teks pegun

• Gambar statik

• Borang login dengan mesej ralat automatik

• Header HTML

Bila pengguna klik butang dan sistem memaparkan notifikasi, ini ialah:

• CSS rendering

• Event response

• Data encryption

• Server routing

Laman interaktif akan berfungsi lebih baik jika:

• Ada JavaScript sahaja

• Hanya HTML digunakan

• Ada interaksi klien dan pelayan

• Hanya gunakan CSS

Ciri yang bukan laman web interaktif:

• Menu dropdown

• Popup alert

• Teks tetap tanpa respons

• Ulasan masa nyata