Page 348 - SK tingkatan 5
P. 348
Penerangan:
1 Satu medan teks disediakan supaya pengguna boleh memasukkan nama.
2 Butang onClick bagi "Hantar" disediakan.
3 Apabila butang "Hantar" diklik, subatur cara pastiHantar() dipanggil dan kotak popup confirm
akan dipaparkan.
4 Jika butang "OK", diklik maklumat "Anda Pasti" adalah benar dan disemak dengan menggunakan
perkataan if.
5 Mesej "Maklumat telah dihantar." akan dipaparkan. Jika butang "Cancel" diklik paparan yang sama
akan dikekalkan.
• Kotak Prompt
Kotak Prompt ini akan digunakan jika pengguna ingin memasukkan satu nilai sebelum memasuki
suatu laman web. Sintaks bagi menghasilkan kotak Prompt ialah window.prompt(" ").
CONTOH 35
Contoh 35 menunjukkan atur cara yang memasukkan nama pengguna melalui penggunaan kotak Prompt.
Penyelesaian:
<html>
<body>
<p>Sila klik butang berikut untuk masukkan nama anda.</p>
<button onclick="masukNama()">Klik Masuk Nama</button> 1
<p id="maklumat"> </p>
<script>
function masukNama()
{ 2
var pengguna = window.prompt("Sila masukkan nama anda:", "");
if (pengguna != null) 3
{
document.getElementById("maklumat").innerHTML = 4
"Hai " + pengguna + "! Apa khabar hari ini?";
}
}
</script>
</body>
</html>
340 Sains Komputer Tingkatan 5
