İnput elementine yazacağım sayı kadar sayfaya istediğim yapıyı eklemek istiyorum

Bu konuyu görüntüleyen kullanıcılar Konu (Kayıtlı: 0, Misafir: 1)

babinaux

Üyecik
Mesela sayfa üzerindeki input text elemanı içine yazdığım rakam kadar akordiyon Yapısı oluşturmak istiyorum.Html ve css kodlarım hazır fakat js ye ne yazacağımı bulamadım.Yardım ederseniz sevinirim.
 

yetkilibiri

Profesör
Yasaklı
input text elemandan aldığın rakam değeri kadar bir döngü oluşturup yeni html nesnesi oluşturabilirsin.

Örnek;
HTML:
<!DOCTYPE html>
<html>
<body>

<input type="text" id="rakam" />

<button onclick="olustur()">Nesne Oluştur</button>
    <script>
      function olustur() {
          var sayi = document.getElementById('rakam').value;
        for (i = 0; i < sayi; i++) {
          var elem = document.createElement('input');
          elem.setAttribute('id', 'rakam' + i);
          elem.setAttribute('type', 'text');
          elem.setAttribute('style', 'display:block; margin-top:10px;');
          document.body.appendChild(elem);
        }                       
      }
    </script>
</body>
</html>
 

Son mesajlar

Üst