Assalamualaikum dan Salam Sejahtera...
Coretan membuka tirai 2021 dengan penggunaan mudah javascript dalam html. Pelajar Asas Sains Komputer mempelajari kod html semasa di tingkatan satu.Sebelum diperkenalkan dengan html, pelajar perlu memahami tentang struktur kawalan pilihan.
Berikut diberikan contoh ringkas javascript dalam html mengikut jenis struktur kawalan pilihan:
1. Struktur Kawalan Pilihan Tunggal
<html>
<head>
<title>Pernyataan if</title>
</head>
<body>
<script type="text/javascript">
var umur = prompt("Sila masukkan umur anda");
if(umur>=18)
document.write("Anda telah dewasa <br />");
if(umur<18)
document.write("Anda belum dewasa <br />");
</script>
</body>
</html>
Apabila anda run , dialog box berikut akan dipaparkan:
2. Struktur Kawalan Dwipilihan
<html>
<head>
<title>Pernyataan If...Else</title>
</head>
<body>
<script type="text/javascript">
// Get the current hours
var hours = new Date().getHours();
if(hours<12)
document.write("Selamat Pagi!!!<br />");
else
document.write("Selamat Petang!!!<br />");
</script>
</body>
</html>
Apabila anda run sebelum jam 12, paparan berikut dilihat:
3. Struktur Kawalan Pelbagai Pilihan.
<html>
<head>
<title>Pernyataan If..Else..If</title>
</head>
<body>
<script type="text/javascript">
var one = prompt("Masukkan nombor pertama");
var two = prompt("Masukkan nombor kedua");
one = parseInt(one);
two = parseInt(two);
if (one == two)
document.write(one + " adalah sama dengan " + two + ".");
else if (one<two)
document.write(one + " adalah kurang daripada " + two + ".");
else
document.write(one + " adalah lebih besar daripada " + two + ".");
</script>
</body>
</html>
Apabila anda run , dialog box berikut dipaparkan:
Script boleh diubah mengikut keperluan anda.
**Boleh guna notepad atau notepad++
Selamat mencuba.
Lain-lain yang berkaitan:
Tiada ulasan:
Catat Ulasan