Javascript Chapter 10 - Switch Case di JavaScript

Nurroin's Blog - Kembali lagi dengan Turorial dasar Javascipt, pada kesempatan ini saya akan membahas tentang "Switch Case" di Javascript. Langusng saja menuju ke materi.

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

Index.html

Perhatikan pada contoh di atas. Kita memiliki sebuah variabel bernama warna 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.

hasil dari index.html

 Sedikit tambah, pada bagian default adalh bagian dimana jika pengecekan tidak di temukan maka default yang akan di gunakan. Misalnya jika pengecekan warna tidak ada yang sesuai maka default yang di jalankan


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 LAINNYA

• Javascript Chapter 1 : Pengertian dan Pengenalan Javascript
• Javascript Chapter 2 : Penulisan dan Cara Penggunaan Javascript
• Javascript Chapter 3 : Mengenal Variabel Javascript
• Javascript Chapter 4 : Operator Aritmatika Javascript
• Javascript Chapter 5 : Mengenal Tipe Data Javascript
• Javascript Chapter 6 : Membuat Function Javascript
• Javascript Chapter 7 : Mengenal Event pada Javascript
• Javascript Chapter 8 : Membuat Inputan Angka
• JavaScript Chapter 9 : Menampilkan Tanggal dengan Javascript
• Javascript Chapter 10 : Switch Case di Javascript
• Javascript Chapter 11 : Perulangan For pada Javascript