For Döngüsü
Belirtilen işlemlerin, istenen şart sağlandığı sürece tekrar edilmesini sağlar. Başlangıç değerinin ve koşulun belirtilebilmesi amacıyla bir değişken kullanılır. Aşağıdaki örnekte "i" isimli bir değişken kullanılmıştır.
Döngü for ifadesi ile başlar ve parantez içi birbirinden noktalı virgül ile ayrılan üç kısımdan oluşur:
i=1 ile değişkenin başlangıç değeri belirtilmiştir.
i<=100 ile döngünün devam etmesi için sağlanması gereken koşul belirtilmiştir. Bu örnekte i değişkeninin değeri 100'den küçük veya eşit olduğu sürece döngü tekrarlanacaktır.
i++ ile de döngü her döndüğünde i değişkeninin değerinin 1 artırılması sağlanmıştır.
<table border="1">
<tr><td colspan="10">Burası İlk Satır Döngünün Dışında Yaptım</td></tr>
<script language="javascript">
var i;
for(i=1;i<=100;i++)
{
if(i%2==0)
document.write(" <tr> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> </tr> ");
else
document.write(" <tr bgcolor='gray' > <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> <td> " + i + " </td> </tr> ");
}
</script>
</table>
Yukarıdaki kodlar ile 100 satırlık ve 10 sütunluk bir tablo oluşturulmuştur. i değişkeninin tek olduğu durumlarda bgcolor parametresi de eklenerek iki satırdan birinin gri olması sağlanmıştır. Ayrıca hücre içlerine i değişkeninin o anki değeri yazdırılmıştır.
Satırlar for döngüsü ile otomatik oluşturulmuş, sütunlar ise el ile tekrar tekrar yazılarak oluşturulmuştur. İç içe for döngüsü konusunda sütunlar da for döngüsü ile oluşturularak aynı örnek yapılmıştır:
http://www.btdersleri.com/ders/JavaScript-İç-İçe-For-Döngüsü
javascript for döngüsü örnekleri, for döngüsü yazım kuralları, for döngüsü ile tablo oluşturma
KONU İLE İLGİLİ ÖRNEKLER
|
Javascript ile select menüsüne eleman ekleme
|
Kendin Dene
|
Kendin Dene butonuna tıkla, kodları değiştir, sonucu gör...
For döngüsü kullanarak select menu (açılır menü) içine 1900 ile 2016 arasındaki sayıları ekledik.
Script Kısmı:
function ekle()
{
var menu=document.getElementById("yillar");
for(var i=1900;i<=2016;i++)
{
menu.options[menu.options.length] = new Option(i, i);
}
}
10280 kez okundu.