Menggunakan Statement Kondisional Pada Javascript

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 "

Baca juga : Menggunakan Statement Perulangan Pada Javascript

Statement Kondisional Pada Javascript anda sekarang sudah selesai, baca juga tutorial program javscript lainnya.