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

Bu konuyu okuyanlar

babinaux

Öğrenci
Katılım
29 Mayıs 2020
Mesajlar
13
Reaksiyon puanı
2
Puanları
3
Yaş
23
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

Müdavim
Katılım
22 Ağustos 2008
Mesajlar
1,094
Reaksiyon puanı
7
Puanları
38
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>
 
Üst