Bu yazımızda, JavaScript "if..else operatörünü" inceleyeceğiz. "if..else" en basit karşılaştırma yapısıdır.
Belirtilen şart doğru(true) ise "if" bloğunu, yanlış ise "else" bloğunu çalıştırır.
Söz Dizimi (Syntax)
if (koşul)
ifade1
[else
ifade2]
Operatörler
- koşul
- "true" veya "false" olarak sınanacak koşul.
- ifade1
- koşul "true" dönerse uygulanacak ifade.
- ifade2
- koşul "false" dönerse uygulanacak ifade.
Uygulama:
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<title>in operatörü</title>
<script type="text/javascript">
var cevap = "18";
function myFunction() {
var secilen = document.getElementById("cevap").value;
if (secilen==cevap) {
var sonuc ="Bildiniz";
} else {
var sonuc="Bilemediniz.Doğru cevap"+" "+cevap;
}
document.getElementById("pt_result").innerHTML =sonuc;
}
</script>
</head>
<body>
<p><strong> 3*3 + (2+7) sorusunun cevabı nedir? </strong></p>
<input type="text" value="" name="cevap" id="cevap" onchange="myFunction()"/>
<button type="button">Kontrol et</button>
<div id="pt_result"></div>
</body>
</html>
Uygulama:
Aşağıdaki seçenekten doğru cevabı seçin...
Açıklamalar:
- 6."cevap" adında bir değişken tanımlamadık ve bu değişkene cevabımız olan "18" değerini verdik.
- 7.Daha sonra "myFunction" adında bir fonksiyon tanımladık ve koşulumuzu bu fonksiyonun içerisine yazdık.
- 8."secilen" değişkenine "document.getElementById" metodunu kullanarak "cevap" ID'li text kutusunun değerini atadık.
- 9."if" bloğumuz içinde "secilen" ve "cevap" değerlerini karşılaştırdık
- 10.Koşulumuz "true" değerini döndürürse "sonuc" değişkenine "Bildiniz" değerini atadık.
- 12.Koşulumuz "false" değerini döndürürse "sonuc" değişkenine "Bilemediniz. Doğru cevap 18" değerini atadık.
- 15."sonuc" değerini "pt_result" ID'li katmanın içine yazdırdık
Kolay gelsin, görüşmek üzere...
