Belajar Javascript Part 10 : Switch Case Di Javascript
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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
<!DOCTYPE html> <html> <head> <title>Belajar Javascript Part 10 : Switch Case Di Javascript</title> </head> <body> <h1>Switch Case Di Javascript</h1> <h2>www.malasngoding.com</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> |
perhatikan pada contoh di atas. kita memiliki sebuah variabel bernama warna. dan berisi string “merah”.
|
1 |
var warna = "merah"; |
kemudian kita mengecek isi variabel warna ini.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
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.
|
1 |
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.
Tutorial Menarik Lainnya
Menghitung Jumlah Kata Menggunakan Javascript
Menghitung Jumlah Karakter di Javascript
Membatasi Jumlah Karakter Input Javascript
Membuat Pie Chart Dengan PHP dan MySQL
jarang sekali menemukan tutor berbahasa indonesia sebagus ini. terstruktur rapi.. mudah di pahami, bahasanya enak dan ringkas tapi padat pula. mantap. terima kasih telah berbagi ilmu.