Page 220 - SK tingkatan 5
P. 220
CONTOH 43
Contoh 43 pada Jadual 3.1.43 dan Jadual 3.1.44 menunjukkan contoh atur cara JavaScript dan output
yang menggunakan tag HTML <button> untuk menghasilkan butang untuk diklik dan digunakan “onclick=”
untuk melaksanakan arahan selepas butang diklik.
Jadual 3.1.43 Contoh atur cara JavaScript dan output <button>
Atur cara Contoh Output
<html>
<body>
<button onclick =
"window.alert('Hai!')">
Klik Sini
</button>
</body>
</html>
Penerangan:
1 Butang dengan tag HTML <button> dihasilkan.
Jadual 3.1.44 Contoh atur cara JavaScript dan output <onclick=>
Atur cara Contoh Output
<html> Gunakan button “onclick”
<body>
<button onclick =
"window.alert('Hai!')">
Klik Sini
</button>
</body>
</html>
Penerangan:
2 Apabila pengguna mengklik butang “klik sini”, kotak pop-up alert dengan mesej “Hai!”
dipaparkan.
CONTOH 44
Contoh 44 menggunakan medan teks daripada <form> yang disediakan oleh HTML. Seterusnya, nilai
dalam medan teks akan dihantar kepada halaman "action_page.php" selepas butang "Hantar" diklik. Jadual
3.1.45 menunjukkan contoh atur cara HTML dan output yang menggunakan tag HTML <form>.
212 Sains Komputer Tingkatan 5 PB
