Menggunakan Statement Kondisional Pada Javascript

Statement kondisional berfungsi untuk mengecek suatu kondisi dan melakukan suatu jika kondisi tersebut bernilai benar atau salah. ada empat jenis kondisi yang dikenal Javascript antaralain :

1. If 

Syantaks :

if ( kondisi ) {

script yang di jalankan jika benar

}

Contoh :

<script>var x = 10; if(x == 10){ alert("Hai Sahabat Toples"); } </script>

Penjelasan : Jika nilai variabel x adalah 10 maka tampilkan pesan "Hai Sahabat Toples" jika tidak maka tidak melakukan apa - apa.

2. If - else

Sebenarnya ini hampir sama dengan If namun perbedaannya adalah dia akan menjalan script jika kondisi bernilai salah.

Syantaks :

if(kondisi){

kode yang dijalankan jika benar

}else{

kode yang dijalankan jika salah

}

Contoh :

<script>var x = 5; if(x == 10){ alert("Hai Sahabat Toples"); }else{ alert("X tidak sama dengan 10"); } </script>

Penjelasan : Jika nilai x sama dengan 10 maka cetak "Hai Sahabat Toples" jika tidak maka cetak "X Tdiak Sama Dengan 10" 

3. If - else If - else

Ini adalah percabangan dari If - else, ini digunakan jika anda membutuhkan kondisi yang banyak.

Syantax :

if(kondisi 1){

kode yang dijalankan jika kondisi 1 benar

}else if(kondisi 2){

kode yang dijalankan jika kondisi 2 benar

}else if(kondisi 3){

kode yang dijalankan jika kondisi 3 benar

}else{

kode jika salah satu kondisi di atas tidak ada yang benar

}

Contoh :

<script>var nilai = 80; if(nilai >= 85){ alert("A"); }else if(nilai >= 70 && nilai < 85){ alert("B"); }else if(nilai >= 60 && nilai < 70){ alert("C"); }else{ alert("D"); } </script>

Penjelasan : Jika nilai dari variabel nilai lebih besar atau sama dengan 85 maka cetak " A " jika lebih besar atau sama dengan 70 maka cetak " B " jika lebih besar atau sama dengan 60 maka cetak " C " jika semua kondisi salah maka cetak " D "

4. Switch

Digunkan seperti if - else if - else yaitu untuk menyelesaikan kondisi yang banyak, namun berbeda dengan if-else if-else yang panjang syantak switch lebih pendek dan mudah digunakan.

Syantaks :

switch(ekspresi){

case kondisi1 :

kode yang dijalankan jika kondisi1 benar;

break;

case kondisi2 :

kode yang dijalankan jika kondisi2 benar;

break;

case kondisi3 :

kode yang dijalankan jika kondisi3 benar;

break;

}

Contoh :

<script>var buah = "mangga"; switch (buah) { case "apple": alert("apple"); break; case "mangga": alert("mangga"); break; case "jambu": alert("jambu"); break; } </script>

Penjelasan :  Pada kasus satu jika buahnya adalah apel maka cetak " Apel "
                    Pada kasus dua jika buahnya adalah mangga maka cetak " Mangga "
                    Pada kasus tiga jika buahnya adalah jambu maka cetak " Jambu "
karna pada kasus diatas kita memasukan mangga pada variabel buah maka yang akan dijalankan adalah kasus ke dua dengan kata lain yang di cetak adalah " Mangga "