Cara menggunakan REACT-SWITCH pada JavaScript

JavaScript - Javascript Dasar

By
12 March 2016
JavaScript Javascript Dasar

Belajar Javascript Part 10 : Switch Case Di Javascript

Belajar Javascript Part 10 : 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. pada tutorial sebelumnya kita telah membahas tentang cara menggunakan switch case pada php. dan di tutorial ini kita akan membahas tentang penggunaan switch case pada javascript. silahkan teman-teman perhatikan contoh penggunaan switch case pada javascript berikut.

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 kita cek isi variabel warna ini. baca tutorial sebelumnya tentang pengenalan variabel pada javascript.

switch.html

<!DOCTYPE html>

<html>

<head>

<title>Belajar Javascript Part10:Switch Case Di Javascript</title>

</head>

<body>

<h2>Switch Case Di Javascript</h2>

<h2>www.malasngoding.com</h2>

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 di atas. kita memiliki sebuah variabel bernama warna. dan berisi string “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 nya yang sesuai dengan isi dari variabel warna maka proses pengecekan akan di hentikan. di sini 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.

belajar javascript switch case pada javascript

sedikit tambahan, pada bagian default adalah bagian dimana jika pengecekann tidak di temukan maka default yang akan di gunakan. misalnya jika pengecekan warna tidak ada yg sesuai maka default yang di jalankan.

sekian dulu tutorial Belajar Javascript Part 10 : Switch Case Di Javascript. semoga dapat bermanfaat.