Javascript Pat 9 : Switch Case Di Javascript

JAVASCRIPT PART 9 : SWITCH CASE DI JAVASCRIPT
Switch Case adalah fungsi yang berguna untuk membuat pengecekan sebuah nilai. Dan nilai yang tersedia untuk pengecekan bisa banyak atau lebih dari satu. Switch Case ini tidak hanya tersedia di javascript tetapi PHP pun juga menggunakan Switch Case ini yang akan kita bahas pada tutorial yang akan mendatang. Silahkan sobat perhatikan contoh penggunaan Switch Case pada javascript berikut.

SIWTCH CASE JAVASCRIPT
Pada contoh penggunaan Switch Case pada Javascript di tutorial ini. Kita akan membuat pengecekan sebuah variabel warna yang berisi merah. Dan kemudian kita cek isi variabel warna ini. Akan saya buat file belajar.html

belajar.html


<!DOCTYPE html>
<html>
<head>
    <title>Javascript Part 9 : Switch Case Di Javasript</title>
</head>
<body style="font-family: raleway;">
    <h1>Switch Case di Javascript</h1>
    <h2><a href="www.script-kiddies.org">Script Kiddies</a></h2>

    <!-- id Hasil -->
    <div id="hasil"></div>

    <script>
        var warna = "merah";

        switch (warna){
            case "hitam":
                teks = "Warna Hitam";
                break;
            case "merah":
                teks = "Warna Merah";
                break;
            case "hijau":
                teks = "Warna hijau";
                break;
            default:
                teks = "Warna tidak terdeteksi";
        }

        document.getElementById("hasil").innerHTML = teks;
    </script>
</body>
</html>

Perhatikan pada contoh diatas. Kita memiliki sebuah variabel berwarna merah. Dan berisi string "merah".

var warna = "merah";

Kemudian kita mengecek isi variabel warna ini

switch (warna){
            case "hitam":
                teks = "warna hitam";
                break;
            case "merah":
                teks = "Warna Merah";
                break;
            case "hijau":
                teks = "Warna hijau";
                break;
            default:
                teks = "Warna tidak terdeteksi";
        }

Jika warna menemukan data case yang sesuai dengan isi dari Variabel warna maka proses pengecekan akan dihentikan. Disini data ditemukan pada pengecekan kedua yaitu merah. Kemudian kita menyimpan string kedalam variabel teks. Sampai disini kita telah memilki isi di dalam variabel teks. Dan terakhir kita tampilkan

document.getElementById("hasil").innerHTML = teks;

Dan hasilnya seperti ini

Sedikit tambahan, pada bagian default adalah bagian dimana jika pengecekan tidak ditemukan maka default yang akan kita gunakan. Misalnya jika pengecekan warna tidak ada yang sesuai maka akan muncul "Warna tidak terdeteksi" Sesuai isi dari teks default

KESIMPULAN
Jadi Switch Case ini berguna untuk membuat pengecekan sebuah nilai sesuai variabel yang dimasukkan. Dan ketika Variabel tersebut ditemukan maka akan muncul isi dari Switch Case tersebut. Dan kita juga menambahkan default yang berfungsi ketika variabel tidak ditemukan maka default lah yang akan muncul

Referensi : Malas Ngoding

TUTORIAL BELAJAR JAVASCRIPT DASAR LAINYA