Belajar Javascript Part 8 : Switch Case Di javascript

April 15, 2017



Assalamualaikum.wr.wb

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 Pada Javascript

pada Contoh Penggunaan switch case pada javascript di tutorial ini. kita akan membuat pengecekan sebuah variabel warna yang berisi merah dan kemudian cek isi variabel warna ini.


<!DOCTYPE html>
<html>
<head>
    <title>Belajar Javascript Part 8 : Switch Case Di Javascript</title>
</head>
<body>
    <h1>Switch Case Di Javascript</h1>
    <h2>www.malasngoding.com</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 pad contoh di atas kita memiliki sebuah variabel bernama warna dan berisi string "merah".

var warna ="merah";
kemudain kita mengecak 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 casenya yang sesuai dengan isi dari variabel warna maka proses pengecekan akan di hentikan . disini data di temukan pada pengecekan kedua yaitu merah . kemudian kita menyimpan string ke dalam variabel teks . sampai di sini kita telah memiliki isi di dalam variabel teks . dan terakhir kita tampilkan .

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

dan hasilnya .

 Pada Bagian Default adalah bagian di mana jika pengecekan tidak di temukan maka default yang akan di gunakan. misalnya jika pengecekan warna tidak ada yg sesuai maka default yang di jalankan .

Referensi : http://www.malasngoding.com/belajar-javascript-part-10-switch-case-di-javascript/

mungkin hanya ini yang bisa saya postkan dalam pembuatan switch case di javasript,terus belajar agar ilmunya bertambah.

Wassalamualaiku.wr.wb

You Might Also Like

0 comments

Popular Posts

Like us on Facebook

Flickr Images

Subscribe