Rabu, 12 April 2017

Membuat Switch Case Pada Javascript

Tidak ada komentar


Switch Case pada Javascript

        Fungsi Yang berguna untuk membuat pengecekan sbuah nilai. Dan nilai yang tersedia untuk pengecekan bisa banyak atau lebih dari satu.

Pada penggunan switch case pada javascript, kta akan membuat pngecekaan sebuah variabel warna yang berisi merah. Dan kemudian kita cek isi varibel warna ini.
<!DOCTYPE html>
<html>
<head>
    <title>Belajar Javascript</title>
</head>
<body>
    <h1>Switch Case Di Javascript</h1>

    <!-- 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 contoh di atas, kita memiliki sebuah variabel berwarna. Dan berisi string "merah"
var warna = "merah";
Kemudian kita cek 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 disini kita telah memiliki isi di dalam variabel teks. dan terakhir kita tampilkan.
document.getElementById("hasil").innerHTML = teks;
Dan hasilnya.





 Tambahan pada bagian default adalah bagian dimana jika pengecekan tidak di temukan maka default yang akan di gunakan. Misalnya jika pada pengecekan tidak ada warna yang sesuai maka default lah yang akan muncul.

Referensi : www.malasngoding.com

Tidak ada komentar :

Posting Komentar