JavaScript For Döngüsü Örnekleri

JavaScript’de For Döngüsü kullanımına ait bazı örnekler

1- 1 ile 10 arasındaki ÇİFT sayıları ekrana javascript kodları

<head>
    <title>http://www.bilisimogretmeni.com/</title>
    <script type="text/javascript">
        for (var i = 0; i <= 10; i++) {
        if(i%2==0)  document.write(i+ "<br/>");
                   }
    </script>
</head>
<body>
</body>
</html>

2- Ekrana büyüyen font ile TÜRKİYE yazan javascript kodları

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>http://www.bilisimogretmeni.com/</title>
    <script type="text/javascript">
        for (var i = 0; i < 10; i++) { 
 document.write("<span style='font-size:" + i + 5 + "px;'>TÜRKİYE</span><br/>");
        }        
    </script>
</head>
<body>
</body>
</html>

3- 3 ve 5’e tam bölünen sayıları ve bu sayıların toplamını yazdıran javascript kodları

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>http://www.bilisimogretmeni.com/</title>
    <script type="text/javascript">
        var toplam = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 3 == 0 && i % 5 == 0) {
                if (i != 90) {
                    document.write(i + "+");
                }
                else {
                    document.write(i + "=");
                }
                toplam += i;                
            }
        }
        document.write(toplam);
    </script>
</head>
<body>
</body>
</html>

4- Ekrana
*
**
*** şeklinde yıldızları yazdıran javascript kodları

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>http://www.bilisimogretmeni.com/</title>
    <script type="text/javascript">
        for (var i = 0; i < 10; i++) {
            for (var x = 0; x < i; x++) {
                document.write("*");
            }
            document.write("<br/>");
        }
    </script>
</head>
<body>
</body>
</html>

5- Kullanıcının girdiği mesajı yine kullanıcının girdiği tekrar sayısı kadar yazdıran javascript kodları

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>http://www.bilisimogretmeni.com/</title>
    <script type="text/javascript">
        var mesaj = prompt("Mesaj Girin");
        var sayi = prompt("Tekrar Sayısını Girin");
        for (var i = 0; i < parseInt(sayi); i++) {
            document.write(mesaj + "<br/>  ");
        }
    </script>
</head>
<body>
</body>
</html>

6- 1’ler çarpım tablosunu ekrana yazdıran javascript kodları

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>http://www.bilisimogretmeni.com/</title>
    <script type="text/javascript">
        for (var i = 1; i <= 10; i++) {
            document.write("1*" + i + "=" + 1 * i + "<br/>");
        }
    
    </script>

</head>
<body>
</body>
</html>

7- 10’dan 1’e doğru geri geri sayıları yazdıran javascript kodları

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>http://www.bilisimogretmeni.com/</title>
    <script  type="text/javascript">
        for (var i = 10; i >=1; i--) {
            document.write(i+"<br/>");
        }    
    </script>
</head>
<body>

</body>
</html>

8- Ekrana
*******
******
****
şeklinde yıldızları azalarak yazdıran javascript kodları

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>http://www.bilisimogretmeni.com/</title>
    <script type="text/javascript">
        for (var i = 10; i >= 1; i--) {
            for (var x = 0; x < i; x++) {
                document.write("*");
            }
            document.write("<br/>");
                    }

    </script>
</head>
<body>

</body>
</html>

9- 10’lar çarpım tablosunu ekranda bir tablo içinde veren javascript kodları

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>http://www.bilisimogretmeni.com/</title>
    <script type="text/javascript">
        document.write("<table border='1'><tr>");
        for (var x = 1; x <= 10; x++) {        
        document.write("<td>");
            for (var i = 1; i <= 10; i++) {
                document.write(x+"*" + i + "=" + x * i + "<br/>");
            }
            if(x==5)
            {
            document.write("</tr><tr>");
            }
            document.write("</td>");
        }    
        document.write("</tr><table>");
    </script>

</head>
<body>
</body>
</html>