JavaScript For Döngüsü Örnekleri

Bu yazımızda JavaScript For Döngüsü kullanımı ile ilgili örnekler oluşturacağız. JavaScript For Döngüsü örnekleri devamlı olarak güncellenecektir. Örneklerimizi gerçekleştirirken harici js dosyası kullanacağız. JavaScript dosyasının harici olarak eklenmesi ve kullanımı ile ilgili detaylı bilgiye aşağıdan ulaşabilirsiniz.

Harici js Kullanımı Konusu İçin Tıklayın

Örnek1: 1-10 arası sayıları ekranda yazdırma.

index.html dosyası:


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<script src="for1.js"></script>
</body>
</html>

<!doctype html>

<html>

<head>

<title>Untitled Document</title>

</head>

<body>

</body>

</html>

for1.js dosyası içeriği:


for(var i=1;i<=10;i++)
	{
		document.write(i+"<br>");
	}

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

{

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

}

Ekran Çıktısı:

Örnek 2: Ekranda 10 kez alt alta isim yazdıran JavaScript örneği.


// JavaScript Document
for(var i=1;i<=10;i++)
	{
		document.write("www.yazilimkodlama.com"+"<br>");
	}

// JavaScript Document

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

{

document.write("www.yazilimkodlama.com"+"<br>");

}

Ekran çıktısı:

Örnek 3: 1-50 arası sayılardan çift olanları ekranda listeleyen JavaScript kodları.


// 1-50 arası çift sayıları listeleme
for (var i=1;i<=50;i++)
	{
		if(i%2==0)
			{
				document.write(i+"<br>");
			}
	}

// 1-50 arası çift sayıları listeleme

for (var i=1;i<=50;i++)

{

if(i%2==0)

{

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

}

Ekran Çıktısı:

Örnek 4: 1-100 arası sayılardan 3’e ve 5’e tam bölünen sayıları listeleme.


// 1-100 arası 3 ve 5 e tam bölünen sayılar
for (var i=1;i<=100;i++)
	{
		if(i%3==0 && i%5==0)
			{
				document.write(i+"<br>");
			}
	}

// 1-100 arası 3 ve 5 e tam bölünen sayılar

for (var i=1;i<=100;i++)

{

if(i%3==0 && i%5==0)

{

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

}

Ekran Çıktısı:

Örnek 5: Kullanıcının girdiği metni yine kullanıcının girdiği adet kadar ekranda yazdırma.


//  Kullanıcının  girdiği metni istenilen adet kadar yazdırma

var metin=window.prompt("Metni Girin");
var adet=window.prompt("Metin kaç defa yazdırılsın");
for(var i=1;i<=adet;i++)
	{
		document.write(metin+"<br>")
	}

// Kullanıcının girdiği metni istenilen adet kadar yazdırma

var metin=window.prompt("Metni Girin");

var adet=window.prompt("Metin kaç defa yazdırılsın");

for(var i=1;i<=adet;i++)

{

document.write(metin+"<br>")

}

Ekran Çıktısı:

Örnek 6: Kullanıcının girdiği metni büyüterek ekranda yazdırma.


// JavaScript Document
var metin=window.prompt("Yazdırılacak Metni Girin");
for (var i = 6; i > 0; i--) 
{ 
 document.write("<h"+i+">"+metin+"</h"+i+">");
}

// JavaScript Document

var metin=window.prompt("Yazdırılacak Metni Girin");

for (var i = 6; i > 0; i--)

{

document.write("<h"+i+">"+metin+"</h"+i+">");

}

Ekran Çıktısı:

Örnek 7: Yukarıdaki örneği font-size kullanarak yapalım.


// JavaScript Document
for (var i = 0; i < 10; i++) 
{ 
 document.write("<span style='font-size:" + i + 5 + "px;'>www.yazilimkodlama.com</span><br/>");
}

// JavaScript Document

for (var i = 0; i < 10; i++)

{

document.write("<span style='font-size:" + i + 5 + "px;'>www.yazilimkodlama.com</span><br/>");

}

Ekran Çıktısı:

Örnek 8: Kullanıcının verdiği genişlik ve yükseklik değerine göre * karakteri kullanarak içi boş dikdörtgen çizen JavaScript kodları.


// JavaScript Document
var yukseklik=window.prompt("Yüksekliği Girin");
var genislik=window.prompt("Genişliği Girin");
for (var i = 1; i <= yukseklik; i++)
            {
                for (var j = 1; j <= genislik; j++)
                {
                    if (i == 1 || i == yukseklik)
                        document.write("*");
                    else
                        if (j == 1 || j == genislik)
                            document.write("*");
                        else
				{
					document.write("&nbsp;");
					document.write("&nbsp;");
				}
                            
                }
                document.write("<br>");
            }

// JavaScript Document

var yukseklik=window.prompt("Yüksekliği Girin");

var genislik=window.prompt("Genişliği Girin");

for (var i = 1; i <= yukseklik; i++)

{

for (var j = 1; j <= genislik; j++)

{

if (i == 1 || i == yukseklik)

document.write("*");

else

if (j == 1 || j == genislik)

document.write("*");

else

{

document.write(" ");

}

document.write("<br>");

}

Ekran Çıktısı:

Diğer Örnekler:

3 Yorum

Parvaiz dedi ki:

Ağustos 28, 2019, 12:46 am

ASP.NET gelistirmek icin kullanilan web sunucusu yazilimi ve .NET yaziliminin adlarini yaziniz?
abecem bu soru bi cuzermisiniz lutfen

Cevapla
Mustafa ŞALVARCIOĞLU dedi ki:

Şubat 2, 2019, 12:54 pm

function tikla()
{
//var radio=document.getElementById(‘radio’).value;
var d2=document.getElementById(‘buton’).value;
alert(d2);
}

<?php

for($i=1;$i

<input type="text" name="txt" value="” disabled=”disabled” />
<input type="button" id="buton" value="” onclick=”tikla(this.value)” />

Üstad kolay gelsin; amacım butona tıklandığında butonun veya text’in value değerini almak ama sürekli 1 değeri döndürüyor. Bunu nasıl ayarlayabilirim?

Cevapla
- admin dedi ki:
  
  Şubat 4, 2019, 7:42 pm
  
  Js kodu mu yazacaksın php kodu mu?
  Yazdıkların da php de var js de.
  Tam olarak hangi dil ile gerekli söyler misin
  
  Cevapla

Harici js Kullanımı Konusu İçin Tıklayın

Diğer Örnekler:

Bunu paylaş:

Şunlar da Hoşunuza Gidebilir

3 Yorum

Yorum yap X

Web Tasarım & Programlama sitesinden daha fazla şey keşfedin