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ı
Asp.net ile basit kullanıcı ekleme, listeleme, silme ve güncelleme
Yazıyı Oku

Asp.net ile basit kullanıcı ekleme, listeleme, silme ve güncelleme

Nesne tabanlı programlama uygulamaları (try - catch - finally)
Yazıyı Oku

Nesne tabanlı programlama uygulamaları (try - catch - finally)

Asp.net ile veritabanına bağlanma ve basit kayıt ekleme, listeleme, silme, güncelleme
Yazıyı Oku

Asp.net ile veritabanına bağlanma ve basit kayıt ekleme, listeleme, silme, güncelleme

İnternet programcılığı çerez (cookie), oturum yönetimi (session) ve grafik uygulamaları
Yazıyı Oku

İnternet programcılığı çerez (cookie), oturum yönetimi (session) ve grafik uygulamaları

Css ile web sayfası tasarımı örneği yapımı
Yazıyı Oku

Css ile web sayfası tasarımı örneği yapımı

Css ile yatay ve dikey menu oluşturma, kutu modeli içerisinde kullanma
Yazıyı Oku

Css ile yatay ve dikey menu oluşturma, kutu modeli içerisinde kullanma

Menu