Kamis, 13 April 2017

Mengenal Switch Case Pada JavaScript

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.

Sekarang mari kita coba membuat pengecekan sebuah variabel warna yang berisi merah dan kemudian cek isi variabel warna ini.
<!DOCTYPE html>
<html>
<head>
    <title>Mengenal Switch Case Pada Javascript</title>
</head>
<body>
    <h1>Data Case akan muncul di bawah</h1>

   
    <div id="hasil"></div><!-- Output akanmuncul di sini -->

    <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>
Kemudian kita coba cek isi variabel warna
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 data data case yang sesuai dengan variabel telah di temukan maka proses akan di hentikan,pada contoh di atas data telah di temukan di pengecekan ke dua yaitu merah.Dan selanjutnya data akan di tampilkan ke dalam HTML
document.getElementById("hasil").innerHTML = teks;
Maka hasilnya akan seperti ini


Sekian postingan kali ini semoga bermanfaat bagi teman - teman semua,terima kasih dan sampai jumpa di postingan berikutnya.

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

Wassalamualaikum Wr.Wb
Share:

0 komentar:

Posting Komentar