Mencari Hari dengan Switch dengan JavaScript | HTML
recudo.com - Hay guys.. Jumpa lagi nih dengan recudo. Gimana nih kabar kalian?. Semoga baik-baik saja yah. Disini admin akan memberikan tutorial tentang HTML "Mencari Hari dengan Switch pada JavaScript". Langsung saja admin akan memberikan nya secara singkat.
Langkah nya:
1. Buka aplikasi Dreamweaver kalian, lalu pilih HTML, dan akan muncul tampilan sepeti ini.
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Switch</title>
<script>
function carihari() {
var hari= parseInt(document.form1.hari.value);
var namahari="";
switch (hari)
{
case 1 : namahari="hari ke 1 adalah = Senin";break;
case 2 : namahari="hari ke 2 adalah = Selasa";break;
case 3 : namahari="hari ke 3 adalah = Rabu";break;
case 4 : namahari="hari ke 4 adalah = Kamis";break;
case 5 : namahari="hari ke 5 adalah = Jumat";break;
case 6 : namahari="hari ke 6 adalah = Sabtu";break;
case 7 : namahari="hari ke 7 adalah = Minggu";break;
default : namahari="Anda salah mengisi";
}
alert(namahari);
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<p><strong>Mencari Hari dengan Switch pada JavaScript</strong></p>
<p>
<label for="textfield">Masukkan Nomor Hari </label>
<input type="text" name="hari" id="hari" />
</p>
<p>
<input type="button" name="Proses" id="proses" onclick="carihari()" value="Proses" />
<input type="reset" name="Submit2" value="Reset" />
</p>
</form>
</body>
</html>
3. Setelah itu, simpan file dengan ekstensi *html, seperti tampilan dibawah ini.
4. Setelah itu, buka file Switch.html tersebut, dan akan muncul tampilan seperti ini.
5. Setelah itu, inputkan nomor hari terserah kalian, disini admin akan memberikan nomor 5.
6. Okey, selesai.
Terima kasih untuk kalian yang telah mengunjungi artikel ini, semoga dapat bermafanfaat untuk kalian yang sedang mencari tugas seperti ini.
Dan tetap nantikan artikel menarik dari recudo yah.
EmoticonEmoticon