🚀 JS - dinamik element oluşturma ve silme ve div’e ekleme

Ramazan HABER / JS / dinamik element oluşturma ve silme ve div’e ekleme

1-) JS - dinamik element oluşturma ve silme ve div'e ekleme

<body>
  <div id="anakisim">
  <p> Paragraf
1</p>
  <p> Paragraf
2</p>
  <p> Paragraf
3</p>
  </div>
  <div>
  <textarea id="t1" style="height:200px;width:200px;"></textarea>
  </div>
  <button id="b1" onclick="yeniekle()">Ekle</button>
  <button id="b1" onclick="yenisil()">Ekle</button>
  <script>
  var index = 0;
  function yeniekle() {
  var metin = document.getElementById("t1").value;
  var yeniParagraf = document.createElement("p");
yeniParagraf.id = "yeni"+index++;
  yeniParagraf.textContent = metin;
  var anakisim = document.getElementById("anakisim");
  anakisim.appendChild(yeniParagraf);
  }
  function yenisil() {
  var silinecek = document.getElementById("yeni0");
  var anakisim = document.getElementById("anakisim");
  anakisim.removeChild(silinecek);
  }
  </script>
</body>

2021 Ocak 18 Pazartesi
1,365