Vytváření odkazů pro odstranění prvků v JavaScriptu

Nyní předpokládejme, že máme více odstavců:

<div id="parent">
	<p>text1</p>
	<p>text2</p>
	<p>text3</p>
</div>

Udělejme tak, aby na konec každého odstavce byl přidán odkaz pro jeho odstranění.

Nejprve jednoduše implementujme přidání odkazů:

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

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

Nyní udělejme tak, aby po kliknutí na odkaz byl odstraněn odpovídající odstavec:

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

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

Je dán tag ul. Přidejte na konec každého tagu li odkaz pro odstranění tohoto li ze seznamu.

Je dána HTML tabulka. Přidejte do ní další sloupec, ve kterém pro každý řádek tabulky bude odkaz pro odstranění tohoto řádku.