Web tasarım ve programlama dersi için javascript for, while, do while ve switch konusu ile ilgili örnek sorular ve çözümleri.

Javascript döngü ve switch ile ilgili çözümlü sorular

Soru 1: Dışarıdan girilen sayıya kadar tek sayıları alt alta yazdırınız. ( Tek sayılar dizi değişkeninde saklanacak ve html etiketi içerisine yazdırılacak )

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
 <title>For Döngüsü Kullanımı</title>
</head>
<body>
<p id="say"></p>
<script type="text/javascript">
 var sonuc=[];
 var sayi = prompt("Sayı giriniz");
 if(sayi % 2 == 0)
 { sayi -=1; }
 for(i = sayi;i > 0; i-=2) {
 sonuc+= i + "<br>"; }
 document.getElementById("say").innerHTML = sonuc;
 </script>
</body>
</html>

Soru 2: Dışarıdan girilen sayıya kadar çift sayıları alt alta yazdırınız?

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>For Döngüsü Kullanımı</title>
</head>
<body>
  <script type="text/javascript"> 
    var sayi = prompt("Sayı giriniz");
     for(i = 0;i < sayi; i+=2) {  
       document.write(i + "<br>");
     }
  </script>
</body>
</html>

Soru 3: Title etiketi içerisindeki metni alıp h1 etiketi içerisine aktarınız ve 3 satır ve 3 sütundan oluşan tabloyu oluşturunuz ?

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Tablo oluşturma</title>
</head>
<body>
  <h1 id="sayfabaslik"></h1>
  <p id="tabloekleme"></p>
   <script type="text/javascript">
      var baslik = document.title;
      var tablo = [];
      tablo += '<table border="1">';
         for (i = 0; i < 3; i++) {
             tablo += "<tr>";
             for(j = 0; j< 3; j++) {
               tablo +="<td></td>"; }
         tablo +="</tr>"; }
     document.getElementById("sayfabaslik").innerHTML = baslik;       
     document.getElementById("tabloekleme").innerHTML = tablo;
   </script>
</body>
</html>

Soru 4: 1 ile 4 arasında değer girerek switch ile istenilen bağlantıyı oluşturunuz?

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>switch kullanımı</title>
   <style>
    a{ color:#4096ee;
       text-decoration: none;
       font:bold 14px Century Gothic; }
    a:hover { color:#d14545; }
   </style>
</head>
<body>
  <script type="text/javascript">
    var secim = prompt("1 ile 4 arası sayı giriniz");
    switch(secim) {
    case "1":
      document.write('<a href="http://www.ilketkinlik.com/blog">Blog sayfasına git</a>');
    break;
    case "2":
      document.write('<a href="http://www.hotmail.com">E-posta gönder</a>');  
    break;
    case "3":
      document.write('<a href="http://www.meb.gov.tr">Milli Eğitim Bakanlığı Sitesi</a>');
    break;
    case "3":
      document.write('<a href="http://www.muzikkitabisarkilari.com">Müzik kitabı şarkıları</a>');
    break; 
    default:
      document.write("Girilen değer 1 ile 4 arasında olmalıdır");
    break;
    }
  </script>
</body>
</html>

Soru 5: Bugün günlerden hangi gün olduğunu switch kullanarak yazdırınız ?

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Bugün günlerden hangisi</title>
</head>
<body>
  <p id="demo"></p>

   <script>
      var gun;
      switch (new Date().getDay()) {
        case 1:
          gun = "Pazartesi";
      break;
      case 2:
          gun = "Salı";
      break;
      case 3:
          gun = "Çarşamba";
      break;
      case 4:
          gun = "Perşembe";
      break;
      case 5:
          gun = "Cuma";
      break;
      }

      document.getElementById("demo").innerHTML ="Bugün günlerden " + gun;

   </script>
</body>
</html>

Soru 6: Dışarıdan girilen genişlik ve yükseklik değerlerine göre resmi görüntüleyen script kodunu yazınız? (Fare resmin üzerine gelince açıklama görüntülensin)

<script type="text/javascript">
    var y = prompt("Resmin yüksekliğini giriniz");
    var g = prompt("Resmin genişliğini giriniz");
       document.write('<img src="ilketkinlik.jpg" width="' + g + '" height="'+ y +'" title="resim açıklaması">');
</script>

Soru 7: 3 satır ve 3 sütundan oluşan tabloyu for döngüsü ile oluşturup, hücreler içerisine 1'den 9'a kadar yazdırınız?

<body>
<p id="tabloekleme"></p>

  <script type="text/javascript">
    var tablo = [];
    var sayi = 1;
    tablo += '<table border="1">';
        for (i = 0; i < 3; i++) {
            tablo += "<tr>";
               for(j = 0; j< 3; j++) {
                   tablo +="<td>"+ sayi +"</td>";
                   sayi++; }
         tablo +="</tr>"; }
         tablo += "</table>";
        
         document.getElementById("tabloekleme").innerHTML = tablo;
  </script>
</body>

Soru 8: Dışarıdan girilen marka ve fiyat bilgisini kullanarak verilen cümleyi oluşturunuz ? ( İlketkinlik marka t-shirt 50 TL dir. )

<script type="text/javascript">
     var marka = prompt("Marka bilgisini giriniz");
     var fiyat = prompt("Fiyatını giriniz");

     document.write(marka + " marka t-shirt " + fiyat + " TL dir.");
</script>
  • Yazı Etiketleri :
  • for döngüsü
  • while - do while
  • switch
  • javascript örnek soruları
Css ile position: fixed kullanımı
Yazıyı Oku

Css ile position: fixed kullanımı

Css kutu modeli örneği ve float
Yazıyı Oku

Css kutu modeli örneği ve float

Nesne tabanlı programlama metot çağırma uygulamaları
Yazıyı Oku

Nesne tabanlı programlama metot çağırma uygulamaları

Css kutu modeli örneği ve konumlandırma
Yazıyı Oku

Css kutu modeli örneği ve konumlandırma

Css ile çoklu arkaplan uygulaması
Yazıyı Oku

Css ile çoklu arkaplan uygulaması

Fare tıklamasını takip eden nesne - AS2 ile
Yazıyı Oku

Fare tıklamasını takip eden nesne - AS2 ile

Menu