Javascript Switch

switch

Asalamualaikum Wr Wb.

Sebelumnya kita telah belajar tentang Condition, sekarang kita akan belajar materi yang hampir sama yaitu switch.

Kegunaan switch sama dengan Condition, yaitu melakukan aksi yang berbeda pada setiap kondisi yang berbeda. agar lebih paham, dibawah ini adalah contoh aplikasi yang menggunakan switch

 

Pertama, kita akan membuat variable hari yang akan diisi dengan code Date().getDay()

Pada code Date().getDay() kita akan mendapatkan angka 0 – 6, yang 0 berarti hari minggu sampai 6 yang berarti hari sabtu.

Oke, jadi variable hari akan berisi angka 0 atau 1 atau 2 sampai 6

Dalam Condition, kondisi ditandai dengan code If dan maka berarti then, namun pada switch if menjadi case dan then menjadi “:”. oke dibawah ini adalah contoh aplikasi menggunakan Switch

<!DOCTYPE HTML>
<html>
<head>
    <title>Switch</title>
    <script type="text/javascript">
        function cek_hari(){
            var x;
            var hari = new Date().getDay();
        switch(hari){
            case 0:
            x = "Minggu";
            break;
            case 1:
            x = "senin";
            break;
            case 2:
            x = "selasa";
            break;
            case 3:
            x = "rabu";
            break;
            case 4:
            x = "kamis";
            break;
            case 5:
            x = "jumat";
            break;
            case 6:
            x = "sabtu";
            break;
        }
    document.getElementById('namahari').innerHTML=x;
    }
    </script>
</head>
<body>
<h1 id="namahari"></h1>
<button onclick=cek_hari()>cek hari</button>
</body>
</html>


Oke selamat mencoba dan semoga berhasil Winking smile


Wasalam.