HTML Percabangan di Javascript
Gambar 360.Z0 HTML Percabangan di Javascript |
Assalamu'alaikum
Kali ini saya ingin membahas tentang percabangan di Javascript. Untuk percabangan di javascript sendiri logik nya sama seperti percabangan di bahasa pemrograman lainnya.
Dimana kita membandingkan kondisi, jika bernilai kondisi bernilai true akan di eksekusi dan jika salah tidak akan di ekseskusi. Di pembahasan kali ini yang akan saya bahas adalah percabangan IF Else dan percabangan Switch Case.
Pernyataan IF
Masuk ke pembahasan pernyataan IF. Hampir sama penggunaannya dengan operator ternary yang di bahas di pembahasan sebelumnya, namun penggunaan IF bisa di lakukan untuk memberikan lebih dari 2 kondisi, biasa di sebut nested IF. Pernyataan IF yang akan saya buat disini adalah aplikasi kondisi jari tangan.
Dalam hal ini value default variabel hasil sudah saya tetapkan. Namun, jika kondisi bernilai true, maka value hasil akan berubah menjadi instruksi yang kita inginkan. Berikut contoh IF sederhana di dalam javascript.
<html> <head> <title>Javascript | Pernyataan IF | Mahasiswa Mercu Buana Bekasi Pemrograman Web Genap 2019 </title> </head> <body> <script language="Javascript"> <!-- var jumlah = prompt("Jumlah jari tangan anda : ",0); var hasil="anda cacat"; if (jumlah == 10) hasil = "anda normal"; document.write("Jawaban anda : " + hasil); //--> </script> <p align=center> © Mahasiswa Mercu Buana Bekasi Pemrograman Web Genap 2019 </p> </body> </html> |
Note :
Untuk penulisan IF diatas, saya tidak menggunakan kurung kurawal karena instruksi untuk mengeksekusi kondisinya hanya saya berikan satu. Secara default, instruksi IF akan membaca satu instruksi saja jika tidak menggunakan kurung kurawal.
Nested IF
IF Bersarang atau bahasa kerennya Nested IF merupakan IF yang mengandung lebih dari dari satu kondisi. Tujuannya adalah untuk membandingkan jika kondisi 1 salah maka akan di bandingkan dengan kondisi lainnya.
Contoh disini saya ingin membuat instruksi untuk membandingkan kota untuk mengetahui ibukota dari provinsi apa. Berikut contoh htmlnya.
<html> <head> <title>Javascript | Pernyataan IF | Mahasiswa Mercu Buana Bekasi Pemrograman Web Genap 2019 </title> </head> <body> <script language="Javascript"> <!-- var kota = prompt("Masukan nama kota : ",""); if (kota == "Jakarta" || kota == "jakarta"){ document.write("Ibukota Indonesia"); } else if (kota == "Bandung" || kota == "bandung"){ document.write("Ibukota Jawa Barat"); } else if (kota == "Semarang" || kota == "semarang"){ document.write("Ibukota Jawa Tengah"); } else if (kota == "Bekasi" || kota == "bekasi"){ document.write("Ibukota Planet Bekasi"); } else { document.write("Kota belum terdaftar"); } //--> </script> <p align=center> © Mahasiswa Mercu Buana Bekasi Pemrograman Web Genap 2019 </p> </body> </html> |
Kira-kira hasillnya akan seperti contoh berikut.
Percabangan Switch Case
Masuk ke pembahasan Switch Case. Fungsinya hampir sama seperti IF, namun switch case digunakan berdasarkan number case yang terurut. Dimana switch case ini adalah membandingkan value atau nilai suatu variabel.
Disini saya mencontohkan switch case dengan menggunakan untuk check tanggal dan date hari ini. Berikut contoh htmlnya.
<html> <head> <title>Javascript | Pernyataan IF | Mahasiswa Mercu Buana Bekasi Pemrograman Web Genap 2019 </title> </head> <body> <script language="Javascript"> <!-- var tanggal = new Date(); var kode_hari = tanggal.getDay(); var nama_hari = ""; switch(kode_hari){ case 0: nama_hari = "Minggu"; break; case 1: nama_hari = "Senin"; break; case 2: nama_hari = "Selasa"; break; case 3: nama_hari = "Rabu"; break; case 4: nama_hari = "Kamis"; break; case 5: nama_hari = "Jumat"; break; case 6: nama_hari = "Sabtu"; break; } document.write("Hari ini hari " + nama_hari); document.write(", tanggal " + tanggal.getDate() + "/" + (tanggal.getMonth() + 1) + "/" + tanggal.getFullYear()); //--> </script> <p align=center> © Mahasiswa Mercu Buana Bekasi Pemrograman Web Genap 2019 </p> </body> </html> |
Demikian pembahasan mengenai percabangan di javascript. Semoga bermanfaat bagi pembaca. Sekian dari saya, saran dan pertanyaan bisa letakkan di kolom komentar. Terima kasih sudah berkunjung, sampai berjumpa di pembahasan berikutnya. Salam programming !!.
Post a Comment for "HTML Percabangan di Javascript"
Trimakasih
Post a Comment