Bu yazımızda, JavaScript "for koşul operatörünü" inceleyeceğiz.
Bu operatör, ilgili koşulu oluşturacak 3 opsiyonel ibare ile çalıştırılacak kod bloğunu içeren bir döngü oluşturur.
Söz Dizimi (Syntax)
for ([başlangıç ibare]; [koşul]; [son ibare])
ifade (Çalışacak kod bloğu)
Uygulama:
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<title>in operatörü</title>
<script type="text/javascript">
function checkNum() {
var pvalue=document.getElementById("pvalue").value;
var presult= "";
if (pvalue > 1 && pvalue < 20) {
for (i=1;i < pvalue; i++) {
presult += i+",";
}
} else {
presult = "Lütfen 1-20 arasında bir sayı giriniz";
}
document.getElementById("pt_result").innerHTML=presult;
}
</script>
</head>
<body>
<p>Kutucuğa bir sayı giriniz (1-20 arasında)... </p>
<input type="text" name="pvalue" id="pvalue"/>
<button onclick="checkNum()">Gönder</button>
<div class="pt_code">
<div id="pt_result">Sonuç buraya gelecek.</div>
</div>
</body>
</html>
Açıklamalar:
Bu örneğimizde kullanıcıdan aldığımız değere göre sonuç üreten bir uygulama yaptık
- 11.Kullanıcının girdiği değeri, tetiklediğimiz fonksiyon yardımı ile "for"
döngüsünün içine aldık.
- 12.Bu döngüde; öncelikle "i" adında bir değişken tanımladık ve bu değişkenimizi "1" e eşitledik.
Daha sonra "i" değişkenimizi,kullanıcıdan aldığımız değere kadar arttırarak devam etmesini sağladık. Buradaki "i++" i değişkeninin "1'er" artmasını sağlamaktadır.
- 19.Döngüden elde ettiğmiz sonucu "pt_result" id'li katmanın içine yazdırdık.
Kolay gelsin, görüşmek üzere...
