Kreiranje linkova za brisanje elemenata u JavaScript-u

Neka sada imamo mnogo paragrafa:

html<div id="parent">
  <p>tekst1</p>
  <p>tekst2</p>
  <p>tekst3</p>
</div>

Hajde da uradimo tako da se na kraju svakog paragrafa doda link za njegovo brisanje.

Za početak, hajde da jednostavno implementiramo dodavanje linkova:

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

for (let elem of elems) {
  let remove = document.createElement('a');
  remove.href = '';
  remove.textContent = 'obriši';
  
  elem.appendChild(remove);
}

Sada hajde da uradimo tako da se klikom na link, obriše odgovarajući paragraf:

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

for (let elem of elems) {
  let remove = document.createElement('a');
  remove.href = '';
  remove.textContent = 'obriši';
  elem.appendChild(remove);
  
  remove.addEventListener('click', function(event) {
    elem.remove();
    event.preventDefault();
  });
}