JavaScriptте элементтерди жок кылуу үчүн шилтемелер түзүү

Азыр бизде көптөгөн абзацтар бар деп коёлу:

html<div id="parent">
  <p>текст1</p>
  <p>текст2</p>
  <p>текст3</p>
</div>

Ар бир абзацтын аягына аны жок кылуу үчүн шилтеме кошулганын кылалы.

Башында шилтемени кошууну ишке ашыралы:

javascriptlet elems = document.querySelectorAll('#parent p');

for (let elem of elems) {
  let remove = document.createElement('a');
  remove.href = '';
  remove.textContent = 'жок кылуу';
  
  elem.appendChild(remove);
}

Эми шилтемени басканда, тиешелүү абзац жок кылынганын кылалы:

javascriptlet elems = document.querySelectorAll('#parent p');

for (let elem of elems) {
  let remove = document.createElement('a');
  remove.href = '';
  remove.textContent = 'жок кылуу';
  elem.appendChild(remove);
  
  remove.addEventListener('click', function(event) {
    elem.remove();
    event.preventDefault();
  });
}