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

04.03.2015
ilketkinlik
5551

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: 1 ile 10 arasındaki sayıları alt alta ekrana yazdırınız ?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="yaz"></div>
<script>
for(var x = 1; x <= 10; x++) {
document.getElementById("yaz").innerHTML += x + "<br>";  }
</script>
</body>
</html>

Soru 2: 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 3: 0 ile 20 arasındaki çift sayıları alt alta ekrana yazdırınız ?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="yaz"></div>
<script>
for(var x = 0; x <= 20; x += 2) {
document.getElementById("yaz").innerHTML += x + "<br>";
}
</script>
</body>
</html>

Soru 4: 39 ile 13 arasındaki tek sayıları geriye doğru alt alta yazdırınız.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="yaz"></div>
<script>
for(var x = 39; x >= 13; x -= 2) {
document.getElementById("yaz").innerHTML += x + "<br>";  }
</script>
</body>
</html>

Soru 5: Klavyeden girilen bir metni veya cümleyi 8 defa ekrana alt alta yazdırınız.?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="yaz"></div>
<script>
var ifade = prompt("Bir metin ya da cümle yazınız.");
for(var x = 0; x < 8; x++) {
document.getElementById("yaz").innerHTML += ifade + "<br>";  }
</script>
</body>
</html>

Soru 6: 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 7: 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 8: 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 9: 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 10: 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 11: 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 12: Dışarıdan girilen sayıya kadar sayıları yazdırınız ?

<script type="text/javascript">
     var sonuc = [];
     var sayi = prompt("Sayı giriniz");

     for(var i = 1; i <= sayi ; i++) {
         sonuc += i + "<br>";
     }
     document.getElementById("cevap").innerHTML = sonuc;
</script>

Soru 13: 5 faktöryelin sonucunu for döngüsü ile ekrana yazdırınız ?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="yaz"></div>
<script>
var sayi = 1;
for(var x = 1; x <= 5 ; x++) {
sayi *= x;  }
document.getElementById("yaz").innerHTML = "5 faktöryel : " + sayi;
</script>
</body>
</html>