JavaScript ile Döngüler

Daha önceki derslerimizde JavaScript ile temel örnekler yapmıştık. Artık bir butona tıklayınca bir fonksiyonu harekete geçirmeyi biliyoruz, bilmiyorsanız aşağıdaki linke tıklayınız.

JavaScript ile Temel Örnekler

Şimdi dilerseniz for döngüsünün kullanımını inceleyelim.

for(i=1; i<=10; i++ )
{
//Bu kısımda döngü içinde yapılacak işlemler
}

for döngüsü burada üç parametreden oluşuyor, her bir parametre noktalı virgül ile diğerlerinden ayrılıyor. ilk kısma döngünün başlangıç değeri yazılıyor i=1, sonra döngünün nerede duracağı bir şart ifadesi ile belirtiyoruz burada i<=10, sonra döngünün artım yaz da azalım değer geliyor burada i++ kullanarak döngünün birer birer artacağını belirttik, i++ yerine i=i+1 de yazabilirsiniz.

Şimdi aşağıdaki örneği inceleyelim, butona tıklanınca yaz() fonksiyonu çağrılsın, bu fonksiyon da ekrana 1'den 10'a kadar sayıları yazsın.

<html>

<head>

function yaz()

{

for(i=1;i<=10;i++)

document.write(i+"<br>");

}

</script>

</head>

<body>

</body>

</html>

Kaydettiğiniz html dosyasının üzerine çift tıklayarak açarsanız Yaz etiketli buton kaybolduğunu, yerine sayıların yazıldığını göreceksiniz.

Bu örneği daha da geliştirebiliriz, örneğin iki metin kutusu nesnesi ekleyerek id değerlerini sayi1 ve sayi2 verelim, daha sonra sayi1'den sayi2'ye kadar olan bütün sayıları ekrana yazdıralım. Yine sayi1 ve sayi2 arasındaki tüm sayıların toplamını da yazdırabiliriz.