Switch Case di Javascript

lebakcyber.net – Switch Case di Javascript. Pada kesempatan kali ini kita akan membahas mengenai switch case pada bahasa pemrograman Javascript dimana switch case sendiri dapat digunakan untuk membuat sebuah pengecekan dari suatu nilai, dan nilai yang ada untuk dilakukan pengecekan bisa lebih dari satu.

Dan pada kesempatan kali ini kita akan membuat sebuah contoh penggunaan fungsi switch case pada Javascript dengan sebuah variabel bernama buah lalu selanjutnya kita akan melakukan pengecekan isi dari variabel tersebut.

Oke langsung saja kita praktekan penggunaan Switch case tersebut, silahkan buat sebuah file index.html baru lalu masukan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>Penggunaan Switch Case Pada Bahasa Pemrograman Javascript</title>
</head>
<body>
    <h1>Switch Case Di Javascript | lebakcyber.net</h1>
 
    <div id="hasil_switch_case"></div>
 
    <script>
    
        var buah = "Apel";
 
        switch (buah){
            case "Apel":
                teks = "Buah Apel Berwarna Merah";
                break;
            case "Anggur":
                teks = "Buah Anggur Berwarna Biru";
                break;
            case "Jeruk":
                teks = "Buah Jeruk Berwarna Kuning";
                break;
            default:
                teks = "Buah tidak diketahui";
        }		
        
        document.getElementById("hasil_switch_case").innerHTML = teks;
    </script>
</body>
</html>

Pada perintah diatas kita membuat sebuah variabel dengan nama buah dan memiliki nilai Apel seperti dibawah ini :

var buah = "Apel";

Lalu kita lakukan pengecekan dengan menggunakan perintah switch case isi dari variabel buah tersebut dengan perintah seperti dibawah ini :

switch (buah){
            case "Apel":
                teks = "Buah Apel Berwarna Merah";
                break;
            case "Anggur":
                teks = "Buah Anggur Berwarna Biru";
                break;
            case "Jeruk":
                teks = "Buah Jeruk Berwarna Kuning";
                break;
            default:
                teks = "Buah tidak diketahui";
        }

Kalau nama buah yang dimasukan pada variabel buah ditemukan maka nantinya proses pengecekan akan dihentikan dan akan ditampilkan hasilnya. Contohnya pada perintah diatas kita memasukan nilai Apel pada variabel buah, maka pada saat dijalankan melalui browser hasilnya akan seperti pada gambar dibawah ini :

Kalau misalnya nama buah yang kita masukan pada variabel buah tidak ada pada pengondisian switch case, maka akan menampilkan teks “Buah tidak diketahui” seperti pada gambar dibawah ini :

Jadi kalau nama buah tidak ditemukan, maka hasil yang akan ditampilkan adalah nilai yang ada pada bagian default.

Oke jadi seperti itulah bagaimana cara untuk menggunakan perintah Switch Case pada bahasa pemrograman Javascript, semoga tutorial sederhana ini dapat bermanfaat dan sampai jumpa di tutorial belajar Javascript selanjutnya.

Lebak Cyber Kursus Pemrograman Gratis

Switch Case di Javascript