Bu yazımızda, Javascript "else..if" operatörünü inceleyeceğiz. "if..else" ten farklı olarak bu operatörle istediğimiz kadar şartı kontrol edebiliriz.
"else" ten sonra "if" koşulunu kullanarak istediğimiz kadar koşulu yazabilir ve kontrolünü sağlayabiliriz.
Söz Dizimi (Syntax)
if (koşul1)
ifade1
else if (koşul2)
ifade2
else if (koşul3)
ifade3
...
else
ifadeN
Operatörler
- koşul1
- "true" veya "false" olarak sınanacak koşul.
- ifade1
- koşul1 "true" dönerse uygulanacak ifade.
- koşul2
- "true" veya "false" olarak sınanacak koşul2.
- ifade2
- koşul2 "true" dönerse uygulanacak ifade.
- koşul3
- "true" veya "false" olarak sınanacak koşul3.
- ifade3
- koşul3 "true" dönerse uygulanacak ifade.
- ...
- koşulN
- "true" veya "false" olarak sınanacak koşulN.
- ifadeN
- koşulN "true" dönerse uygulanacak ifade.
Uygulama:
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<title>in operatörü</title>
<script type="text/javascript">
function fonk(nesne) {
var sonuc="";
if (nesne.value < 18) {
sonuc="Çocuk";
} else if (nesne.value <= 40) {
sonuc="Genç";
} else if (nesne.value <= 65) {
sonuc="İhtiyar";
} else {
sonuc="İhtiyar delikanlı";
}
document.getElementById("pt_result").innerHTML =sonuc;
}
</script>
</head>
<body>
<form>
<p><strong>Yaşınızı giriniz... </strong> </p>
<input type="text" name="yas" onchange="fonk(this)"/>
<button type="button">Kontrol et </button>
</form>
<div id="pt_result" class="pt_code">Sonuç buraya yazılacak... </div>
</body>
</html>
Uygulama:
Aşağıdaki seçenekten doğru cevabı seçin...
Sonuç buraya yazılacak...
Açıklamalar:
Bu örneğimizde kullanıcının girdiği yaşa göre cevap veren bir uygulama hazırladık.
Daha önce gördüğümüz "if..else" yapısının benzeri bir yapı söz konusudur.
Buradaki fark "else" den sonra "if" şartı ile diğer şartların da kontrol edilebilmesidir.
Bu uygulamada, girilen değer "18"in altında ise "Çocuk", "40 ile 18" arasında ise "Genç", "41 ile 65" arasında ise "İhtiyar" ve son olarak
"65 ve üzeri" ise "İhtiyar delikanlı" mesajı yazdırılmaktadır.
Kolay gelsin, görüşmek üzere...
