Tutorial Belajar JavaScript 7 : IF ELSE (Pengkondisian)
IF ELSE (Pengkondisian) pada JavaScript – Pada pertemuan sebelumnya telah kita bahas tentang tipe data pada javascript. Adapun materi kali ini adalah tentang if else atau pengkondisian.
Saat menulis sebuah program, mungkin ada situasi di mana Anda perlu mengadopsi satu dari serangkaian jalur yang diberikan. Dalam kasus seperti itu, Anda perlu menggunakan pernyataan bersyarat yang memungkinkan program Anda membuat keputusan yang benar dan melakukan tindakan yang benar.
If Else pada Javascript
JavaScript mendukung pernyataan bersyarat yang digunakan untuk melakukan tindakan berbeda berdasarkan kondisi yang berbeda. Di sini kita akan menjelaskan pernyataan if..else.
Perhatikan Flow Chart dari IF ELSE berikut ini. Diagram alir berikut ini menunjukkan bagaimana pernyataan if-else bisa berjalan.
JavaScript mendukung bentuk pernyataan if..else berikut -
-if
-if...else
-if...else if
Statemen IF
Pernyataan if adalah pernyataan kontrol mendasar yang memungkinkan JavaScript untuk membuat keputusan dan mengeksekusi pernyataan secara kondisional. Sintaks untuk pernyataan if dasar adalah sebagai berikut -if (kondisi a) { Pernyataan akan dieksekusi jika kondisi a benar }
Di sini kondisi JavaScript dievaluasi. Jika nilai yang dihasilkan benar, pernyataan yang diberikan dieksekusi. Jika ungkapan itu salah, maka tidak ada pernyataan yang tidak akan dieksekusi. Sebagian besar waktu, Anda akan menggunakan operator perbandingan saat membuat keputusan.
Untuk lebih jelasnya, perhatikan contoh berikut ini<!DOCTYPE html> <html> <head> <title>Latihan Javascript</title> </head> <body> <script type="text/javascript"> var nilai = 80; // si anwar memiliki nilai 80 if( nilai > 70 ) { // ini adalah sistem penilainnya, jika si anwar memiliki nilai lebih dari 70 document.write("Selamat, Anda Lulus !"); // maka dia dinyatakan lulus } </script> </body> </html>
Dan hasilnya adalah
Selamat, Anda Lulus !
Statemen IF ELSE
Pernyataan 'IF ... ELSE' adalah bentuk pernyataan kontrol berikutnya yang memungkinkan JavaScript untuk mengeksekusi pernyataan dengan cara yang lebih terkontrol. Coba perhatikan kembali contoh dari IF, saat kita memasukan angka lebih dari 70, maka browser tidak menampilkan apapun. Nah, dengan adanya IF ELSE ini, hasilnya akan mudah di atur. Adapun sintaks untuk pernyataan if else ini adalah sebagai berikut -if (kondisi b) { Pernyataan akan dieksekusi jika kondisi b benar } else { Pernyataan akan dieksekusi jika kondisi b salah }
Di sini kondisi JavaScript dievaluasi. Jika nilai yang dihasilkan benar, pernyataan yang diberikan di blok 'if', dieksekusi. Jika kondisinya salah, maka pernyataan yang diberikan di blok else dieksekusi.
Coba kode berikut untuk melihat bagaimana cara pernyataan if-else berjalan di JavaScript.<!DOCTYPE html> <html> <head> <title>Latihan Javascript</title> </head> <body> <script type="text/javascript"> var nilai = 65; // si anwar memiliki nilai 65 if( nilai > 70 ) { // ini adalah sistem penilainnya, jika si anwar memiliki nilai lebih dari 70 document.write("Selamat, Anda Lulus !"); // maka dia dinyatakan lulus }else { // jika nilainya anwar kurang dari 70 document.write("Maaf, Anda Tidak Lulus !"); // maka anwar tidak lulus } </script> </body> </html>
Hasilnya adalah
Maaf, Anda Tidak Lulus !
Statemen IF ELSE IF
Pernyataan if ... else if ... adalah bentuk lanjutan dari if ... else yang memungkinkan JavaScript membuat keputusan yang benar dari beberapa kondisi. Sintaks pernyataan if-else-if adalah sebagai berikut -if (kondisi a) { Pernyataan akan dieksekusi jika kondisi a benar } else if (kondisi b) { Pernyataan akan dieksekusi jika kondisi b benar } else if (kondisi c) { Pernyataan akan dieksekusi jika kondisi c benar } else { Pernyataan harus dieksekusi jika tidak ada kondisi yang benar }
Tidak ada yang spesial dari kode ini. Ini hanya serangkaian pernyataan if, di mana setiap if adalah bagian dari pernyataan sebelumnya. Pernyataan dieksekusi berdasarkan kondisi sebenarnya, jika tidak ada kondisi yang benar, maka blok else terpaksa dieksekusi.
Simak contoh implementasinya di bawah ini –<!DOCTYPE html> <html> <head> <title>Latihan Javascript</title> </head> <body> <script type="text/javascript"> kodebaju = "D45"; // kode baju yang terpilih if( kodebaju == "D75" ) { // jika kode baju yang terpilih adalah D75 document.write("Baju Kaos Lengan Panjang"); // maka pernyataan ini di eksekusi } else if ( kodebaju == "D93" ) { // jika kode baju yang terpilih adalah D93 document.write("Baju Kaos Lengan Pendek"); // maka pernyataan ini di eksekusi } else if ( kodebaju == "D45" ) { // jika kode baju yang terpilih adalah D45 document.write("Celana Jeans"); // maka pernyataan ini di eksekusi } else { // jika kode baju yang dipilih tidak ada document.write("Kode baju tidak di temukan"); // maka pernyataan ini di eksekusi } </script> </body> </html>
Hasilnya adalah
Celana Jeans
Sekian materi kali ini tentang Pengkondisian IF ELSE pada javaScript. Jika ada yang belum di pahami silahkan tulis di kolom komentar. Semoga bermanfaat dan sampai jumpa di materi berikutnya.