Javascript Pat 9 : Switch Case Di Javascript
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
belajar.html
<!DOCTYPE html>
<html>
<head>
<title>Javascript Part 9 : Switch Case Di Javasript</title>
</head>
<body style="font-family: raleway;">
<h1>Switch Case di Javascript</h1>
<h2><a href="www.script-kiddies.org">Script Kiddies</a></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>
var warna = "merah";Kemudian kita mengecek isi variabel warna ini
switch (warna){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
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;Dan hasilnya seperti ini
Sedikit tambahan, pada bagian default adalah bagian dimana jika pengecekan tidak ditemukan maka default yang akan kita gunakan. Misalnya jika pengecekan warna tidak ada yang sesuai maka akan muncul "Warna tidak terdeteksi" Sesuai isi dari teks default
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 DASAR LAINYA
- Javascript Part 1 : Pengertian dan Pengenalan Javascript
- Javascript Part 2 : Penulisan Dan Cara Penggunaan Javascript
- Javascript Part 3 : Mengenal Variabel Javascript
- Javascript Part 4 : Operator Aritmatika Javascript
- Javascript Part 5 : Mengenal Tipe Data Javascript
- Javascript Part 6 : Membuat Function Javascript
- Javascript Part 7 : Mengenal Event Pada Javascript
- Javascript Part 8 : Menampilkan Tanggal Dengan Javascript
- Javascript Pat 9 : Switch Case Di Javascript
- Javascript Part 10 : Perulangan (Loop) For Pada Javascript
Tidak ada komentar :
Posting Komentar