Javascript For Döngüsü

Javascript For Döngüsü

JAVASCRIPT FOR DÖNGÜSÜ 

 

Şart sağlandığı sürece komutların tekrar tekrar çalıştırılmasını sağlar. Başlangıç değeri, şart ifadesi ve artış miktarı belirtilmelidir.

Kullanım Şekli: 

for(değişken ismi=başlagıç değeri;şart;artış miktarı)

{

 Yapılacak işlemler;

}

 

Javascript Örnekleri : For döngüsü kullanarak ekrana 10 defa alt alta "merhaba" yazan javascript kodlarını yazınız.

<script>

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

   {
      document.write("merhaba"+"<br>");
   } 

</script>

 Javascript Örnekleri : For döngüsü kullanarak 1 ile 10 arasındaki sayıları ekrana javascript kodlarını yazınız.

 <script>

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

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

</script>

 

Javascript Örnekleri : For döngüsü kullanarak 1 ile 100 arasındaki ÇİFT sayıları ekrana yazdıran javascript kodlarını yazınız.

  1. yöntem:

<script>

for (var i = 0; i <= 100; i++)
   {
      if(i%2==0) 
      document.write(i+ "<br/>");
   }

</script>

 

  1. Yöntem

<script> 

   for( var i=0;i<=100;i=i+2)

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

</script>

 

Javascript Örnekleri : For döngüsü kullanarak  1 ile 100 arasındaki TEK sayıları ekrana yazdıran javascript kodlarını yazınız.

  1. yöntem:

<script>

for (var i = 0; i <= 100; i++)
      {
         if(i%2==1) 
         document.write(i+ "<br/>");
       }

</script> 

  1. Yöntem

<script> 

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

</script>

Javascript Örnekleri : For döngüsü kullanarak  1 ile 10 arasındaki sayıların toplamını ekrana yazdıran javascript kodlarını yazınız.

<script>

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

{
      t=t+i;
}

      document.write("Toplam="+t);

</script>

 

Javascript Örnekleri : For döngüsü kullanarak 1 ile 100 arasındaki ÇİFT sayıların toplamını ekrana yazdıran javascript kodlarını yazınız.

 

1.Yöntem:

<script>

var t=0;
for( var i=0;i<=100;i=i+2)

{
   t=t+i;     
}

document.write("Toplam="+t);

</script>

 

2.Yöntem:

<script> 

var t=0;
for(var i=0;i<=100;i++)

{
     if(i%2==0)
     t=t+i;
}

document.write("Çiftlerin toplamı="+t);

</script>

 

Javascript Örnekleri : For döngüsü kullanarak  1-100 arasındaki 3 ve 7’ye tam bölünen sayıları ve toplamlarını ekrana yazan javascript kodlarını yazınız.

<script>

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

{
   if(i%3==0 && i%7==0)
    {
       document.write(i+"<br>");
       t=t+i;    
     }       

}
document.write("Toplam="+t);

</script>

 

Javascript Örnekleri : For döngüsü kullanarak ekrana büyüyen font ile MERHABA yazan javascript kodlarını yazınız.

 

<script type="text/javascript">

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

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

}       

</script>

 

Javascript Örnekleri : For döngüsü ile ekrana aşağıdaki şekildeki gibi yıldızları yazdıran javascript kodlarını yazınız.


*
**
*** 

<html>
<head>
<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>

 

 2.Yöntem

<script>

var t="*";
for(var i=0;i<3;i++)
  {
      document.write(t+"<br>");
      t=t+"*";    
   }

</script>

 

Javascript Örnekleri : For döngüsü ile kullanıcının girdiği mesajı yine kullanıcının girdiği tekrar sayısı kadar yazdıran javascript kodlarını yazınız.

<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>

 

Javascript Örnekleri : For döngüsü ile 1’ler çarpım tablosunu ekrana yazdıran javascript kodlarını yazınız.

<script type="text/javascript">
for (var i = 1; i <= 10; i++)
   {
      document.write("1*" + i + "=" + 1 * i + "<br/>");
   }

</script>

 

Javascript Örnekleri : For döngüsü ile  10’dan 1’e doğru geri geri sayıları yazdıran javascript kodlarını yazınız.

<script  type="text/javascript">
for (var i = 10; i >=1; i--)
     {
       document.write(i+"<br/>");
     }   
</script>

 

Javascript Örnekleri : For döngüsü ile ekrana aşağıdaki şekildeki gibi yıldızları azalarak yazdıran javascript kodlarını yazınız.


*******
******
****

<script type="text/javascript">
for (var i = 10; i >= 1; i--)
     {
        for (var x = 0; x < i; x++)
           {
             document.write("*");
           }
        document.write("<br/>");

      }

</script>

 

Javascript Örnekleri : For döngüsü ile 10’lar çarpım tablosunu ekranda bir tablo içinde veren javascript kodlarını yazınız.

 

<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>

Read more
Javascript Temel Bilgiler

Javascript Temel Bilgiler

Javascript dili, web sayfalarında dinamik içerik sağlamak ve kullanıcıyla iletişim kurmak için kullanılan, istemci tarafında çalışan bir dildir.

Javascript Kullanım Şekli:

<script>    

// çalıştırılacak kodlar bu bölüme yazılır.

  </script>

ya da

<script type=”text/javascript” language=”javascript”>

// çalıştırılacak kodlar bu bölüme yazılır.

</script>

 

HTML’de JavaScript Kullanımı

1.Yöntem: Script kodlarını head etiketleri arasına yazarak kullanmaktır. Head etiketleri arasında yazılan kodlar sayfa yüklenmeden derlenecektir.

 

<head>

<script type=”text/javascript” language=”javascript”>

document.write(“İlk javascript kodlarım”);

</script>

</head>

 

2.Yöntem: Script kodlarını body etiketleri arasına yazarak kullanmaktır. Body etiketleri arasına yazılan script kodları sayfa yüklendiğinde otomatik olarak derlenip çalışacaktır.

 

 <body>

<script type=”text/javascript” language=”javascript”>

document.write(“İlk javascript kodlarım”);

</script>

</body>

 

3.Yöntem:  *.js uzantılı olarak kaydettiğimiz harici bir JavaScript dosyasını sayfaya dahil edip kodları çalıştırmaktır. Notepad ya da Dreamweaver programını açarak script kodlarını yazarak ilkKod.js şeklinde klasörünüz içerisine kaydediniz.

 ilkkod.js içeriği

 document.write(“İlk javascript kodlarım”);

 

Kullanımı:

<body>

<script src=”ilkkod.js” type=”text/javascript” language=”javascript”>

</script>

</body>

 

JavaScript Yazım Kuralları

JavaScript dilinde değişkenler, fonksiyonlar vb. nesneler;

  • Sayı ile başlayamaz.
  • Kelimeler arasında boşluk kullanılamaz.
  • Boşluk yerine _ işareti kullanılır.
  • JavaScript dili için ayrılmış kelimeler herhangi bir nesneye isim olarak verilemez.

 

JavaScript Değişken ve Değişken Tanımlama

Javascript’de değişken tanımlama şu şekilde yapılmaktadır.

 var değişken_ismi;

 

Değişkenlere değer vermek için;

 var yazili=50;
 var ad="Ali";
 var yanit='E';
 var cevap=true;

 

JavaScript Operatörleri

          1. Aritmetik Operatörler

İşlem

 Aciklama

Örnek
     

+

Toplama

    var a = 15+9;

-

Çıkarma

    var a = 40-10;

*

Çarpma

    var a = 20*5;

/

Bölme

    var a = 50/5;

%

Bölümden Kalan

    var k = 12%5;

++

Artırma

    i++ gibi

--

Azaltma

    i-- gibi

Örnek

var a = 15;

var b = 40;

var x = a+b;

document.write('İşlemin Sonucu :'+x);

Ekrana 55 Çıktısını verecektir.

Örnek

var a = 3, b = 4;

alert(a-- + b);

Ekran Çıktısı 7 olacaktır.

var a = 3, b = 4;

alert(--a + b);

Ekran çıktısı 6 olacaktır.

 

      2.Karşılaştırma Operatörleri

Veriler arasında belli kriterleri araştırmak için kullanılır.

İşaret

Anlamı 

    Örnek
     

==

Eşitse

    Eğer iki değer eşitse True döndürür

!=

Eşit Değilse

    İki değer eşit değilse True döndürür

> 

Büyükse

    Soldaki değer sağdakinden büyükse True döndürür

>=

Büyük Eşitse

    Soldaki değer sağdakinden büyük ya da eşitse True döndürür

< 

Küçükse

    Soldaki değer sağdakinden küçükse True döndürür

<=

Küçük eşitse

    Soldaki değer sağdaki değerden küçük ya da eşitse True döndürür

Örnek:

                    3.Mantıksal Operatörler

 

Eğer karşılaştırmayı birden fazla durumu dikkate alarak yapacaksak mantıksal operatörleri kullanırız.

  • '&&' : 'And(ve)' operatörü: Koşulların hepsi doğru ise true değerini verir.
  • '|| ' : 'Or(veya)' operatörü: Koşulların en az birinin doğru olması halinde true değerini verir.
  • '! ' : 'Not' operatörü: Koşulların hepsinin yanlış olması durumunda true değerini verir.

İşlem Önceliği

JavaScript kodları çalıştırılırken aşağıdaki tabloya göre operatör öncelikleri belirlenir.

 

Javascript Örnek Sorular:

 

Soru: Girilen vize ve final notuna göre ortalamayı bulan javascript kodlarını yazınız(ortalama hesaplanırken vize notunun %40’ı , final notunun %60’ı alınacaktır).

 

<script>

var v,f,ort;

v=prompt("vize notunu giriniz");

f=prompt("final notunu giriniz");

ort=v*0.4+f*0.6;

document.write("Ortalamanız="+ort);

</script>

 

Soru: Girilen ürün adeti ve birim fiyatına göre ödenecek tutarı hesaplayan javascript kodlarını yazınız.

 

<script>

var a,f,t;

a=prompt("Adeti giriniz=");

f=prompt("fiyatı giriniz=");

t=a*f;

document.write("Tutar="+t);

</script>

 

Soru: Girilen doğum tarihine göre yaşı hesaplayan javascript kodlarını yazınız.

 

<script>

var dt,yas;

dt=prompt("Doğum tarihini giriniz:");

yas=2018-dt;

document.write("Yaşınız="+yas+"<br>");

</script>

Read more

CTRL Bizde

Kendi halinde bir kaç kişiyiz,. Karşılaştığımız sorunları çözmek için bazen "çok zaman" harcadığımızı fark edip

devamı

Yeni Eklenenler