Asalamualaikum Wr Wb.
Setelah sebelumnya kita sama – sama belajar membuat kalkulator menggunakan html dan javascript, sekarang gue akan menjelaskan tentang Condition dalam javascript.
Dalam kehidupan nyata, jika kita mempunyai perencanaan ketika akan melakukan sesuatu, pasti kita akan memiliki aksi masing – masing dalam kondisi yang berbeda. Contoh kecilnya ketika xxx akan menyatakan cintanya ke si zzz, xxx membuat rencana jika si zzz akan menerima cintanya maka xxx akan memberikan bunga ke zzz, tapi jika zzz menolak maka xxx akan Memutilasi si zzz.
Sama halnya dengan program, karena program selalu dibangun dengan perencanaan, maka setiap bahasa pemograman mempunyai fitur yang namanya Condition.
Untuk menuliskan sytax Condition dalam javascript adalah sebagai berikut.
- If Condition ketika hanya memiliki satu kondisi, yaitu benar
- If. . .Else Condition Ketika memiliki dua kondisi, yaitu benar dan salah.
- If. . .Else If . . .Else Condition Ketika memiliki lebih dari dua kondisi, yaitu benar, atau, dan salah.
var x,y;
if (x=1){
y=5
}else{
y=10
}
code di atas menjelaskan jika x adalah 1 maka y adalah 5 jika x bukan 1 maka y adalah 10, ini adalah contoh dari If . . . Else Condition. Berikut adalah contoh yang lain.
var x,y;
if (x=1){
y=5
}else if(x=2)
{
y=10
}else{
y=20
}
Code di atas adalah contoh dari If . . . Else If . . . Else Condition.
Agar lebih paham lagi, dibawah ini adalah contoh aplikasi menggunakan Condition atau If Else.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
function cek(nama){
if (nama == "ade") {
document.getElementById('jawaban').innerHTML="Ade sangat ganteng";
}
else{
document.getElementById('jawaban').innerHTML="Dia adalah orang jelek";
}
}
</script>
</head>
<body>
<label>Masukkan Nama Anda :</label>
<br>
<input type="text" id="text1">
<br>
<button onclick=cek(text1.value)>Cek</button>
<br>
<h2 id="jawaban"></h2>
</body>
</html>
Simpan code di atas dengan nama if_else.html
Semoga bermanfaat
Wasalam
