Cara Menggunakan Conditional Statements IF-ELSE pada Javascript
Jika pada tutorial sebelumnya kita sudah belajar tentang Pengertian Operator, Jenis Operator dan Cara Menggunakan Operator di Javascript, maka pada tutorial kali ini kita akan membahas tentang Cara Menggunakan Conditional Statements IF-ELSE pada Javascript.
Dalam pemrograman termasuk pemrograman web, pernyataan bersyarat (conditional statement) merupakan salah satu bagian penting dari sebuah logika program. Program atau aplikasi akan berjalan dengan baik jika mengikuti alur logika yang benar. Sedangkan beberapa kesalahan yang mungkin terjadi dalam membuat sebuah program adalah sebagai berikut:
- Syntax Error (kesalahan penulisan kode program). Syntax Error adalah penulisan kode program yang tidak sesuai dengan yang telah disyaratkan oleh bahasa pemrograman yang digunakan. Contoh kesalahan ini adalah penulisan document.write yang mungkin tertulis docment.write.
- Run-time Error (kesalahan waktu Proses). Run-time Error adalah kesalahan yang terjadi pada waktu program dijalankan.
- Logical Error (Kesalahan Logika). Kesalahan ini biasanya berhubungan dengan masalah matematika atau perhitungan.
JavaScript mendukung conditional statement yang digunakan untuk melakukan tindakan-tindakan tertentu yang bisa saja berbeda berdasarkan kondisi tertentu atau kondisi yang berbeda.
Penjelasan tentang Conditional Statement IF-ELSE
Sebelum lebih jauh saya uraikan tentang penjelasan Conditional Statement IF-ELSE, berikut ini flowchart yang menggambarkan alur IF-ELSE.
Jika diartikan dalam bahasa indonesia, IF artinya “jika“, sedangkan ELSE artinya “tidak“. Dari artinya dalam bahasa indonesia maka IF-ELSE ini merupakan instruksi dasar yang hanya memungkinkan kita untuk melakukan pemeriksaan apakah suatu kondisi terpenuhi (benar) atau tidak terpenuhi (salah). Jika dalam sebuah program ditemukan kondisi yang cocok atau terpenuhi maha pernyataan program akan dieksekusi, namun jika kondisinya tidak terpenuhi maka proses eksekusi akan ditujukan ke pernyataan lainnya.
Kali ini saya akan berikan contoh penerapannya pada bahasa pemrograman Javascript. Mungkin contoh ini juga akan memudahkan kalian untuk memahami maksud dari Conditional Statement IF-ELSE ini.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS - Conditional Statement IF-ELSE</title> <script type="text/javascript"> if(confirm("Anda yakin akan melihat blog ini?")) { alert("OK, Silahkan lihat-lihat..."); } else { alert("Tidak apa-apa, mungkin lain kali anda akan mengunjungi blog ini."); } </script> </head> <body> </body> </html> |
Dari contoh di atas, terlihat jika pengunjung mengklik OK, maka kondisinya terpenuhi sehingga pesan yang muncul adalah “OK, Silahkan lihat-lihat…“, namun jika pengunjung mengklik Cancel maka dianggap kondisinya tidak terpenuhi sehingga pesan yang muncul adalah “Tidak apa-apa, mungkin lain kali anda akan mengunjungi blog ini.”.
Tampilan pertama kali jika script di atas di buka dengan Web Browser adalah seperti terlihat pada gambar berikut ini.
Silahkan kalian coba script di atas, jika sudah berhasil kalian dapat mencobanya dengan ide-ide cemerlang kalian sehingga IF-ELSE dapat kalian terapkan pada project kalian.
Contoh di atas adalah penerapan IF-ELSE dengan satu kondisi, namun Conditional Statement IF-ELSE ini dapat diterapkan pada lebih dari satu kondisi. Penerapan ini sering juga disebut IF-ELSE-IF.
Berikut ini contoh penerapannya, saya berharap dengan contoh penerapan di bawah ini kalian dapat lebih mudah memahami maksudnya.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<html> <head> <meta charset="utf-8"> <title>JS - Conditional Statement IF-ELSE 2</title> </head> <body> <script type = "text/javascript"> var buah = "jeruk"; if( buah == "jeruk" ) { document.write("<b>Kamu suka buah jeruk</b>"); } else if( buah == "salak" ) { document.write("<b>Kamu suka buah salak</b>"); } else if( buah == "manggis" ) { document.write("<b>Kamu suka buah manggis</b>"); } else { document.write("<b>Kamu tidak suka buah, mungkin kamu suka daging.</b>"); } </script> <p>Silahkan pilih lagi buah yang kamu suka..</p> </body> <html> |
Baik demikian Cara Menggunakan Conditional Statements IF-ELSE pada Javascript, semoga bermanfaat. Jika ada kritik/saran ataupun pertanyaan silahkan meninggalkan komentar di bawah postingan tutorial ini.