Kreiranje linkova za brisanje elemenata u JavaScript-u

Neka sada imamo mnogo paragrafa:

<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:

let 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:

let 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();
	});
}

Dat je tag ul. Dodajte na kraju svakog taga li link za brisanje tog li iz liste.

Data je HTML tabela. Dodajte u njoj još jednu kolonu, u kojoj će za svaki red tabele stajati link za brisanje tog reda.