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.
0 komentar