Thursday , January 21 2021
Home » JavaScript » Switch Case di Javascript

Switch Case di Javascript

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 :

Advertisements
<!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 :

Advertisements
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 :

Switch Case di Javascript

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 :

Switch Case di Javascript

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.

 

About Firdan Ardiansyah

Admin di lebakcyber.net Untuk berhubungan dengan saya, silahkan kirim email ke : firdan@lebakcyber.net

Check Also

Membuat Event di Javascript

Membuat Event di Javascript lebakcyber.net – Membuat event di Javascript. Pada kesempatan tutorial belajar Javascript …

Leave a Reply

Your email address will not be published. Required fields are marked *