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ı
Fare tıklamasını takip eden nesne - AS2 ile
Yazıyı Oku

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

play() ve stop() komutları - AS2 ile
Yazıyı Oku

play() ve stop() komutları - AS2 ile

startDrag ve stopDrag kullanımı - AS3 ile
Yazıyı Oku

startDrag ve stopDrag kullanımı - AS3 ile

3 boyutlu nesne döndürme - AS3 ile
Yazıyı Oku

3 boyutlu nesne döndürme - AS3 ile

gotoAndPlay ve stop kullanımı - action script ile
Yazıyı Oku

gotoAndPlay ve stop kullanımı - action script ile

Güneş çevresinde dönen dünya - kılavuz katman ile
Yazıyı Oku

Güneş çevresinde dönen dünya - kılavuz katman ile

Menu