Oprettelse af links til sletning af elementer i JavaScript

Lad os nu antage, at vi har mange afsnit:

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

Lad os gøre det sådan, at der til hvert afsnit tilføjes et link til dets sletning i slutningen.

Lad os først bare implementere tilføjelsen af links:

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

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

Lad os nu gøre det sådan, at når der klikkes på linket, slettes det tilsvarende afsnit:

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

Givet tagget ul. Tilføj i slutningen af hvert tag li et link til sletning af dette li fra listen.

Givet en HTML-tabel. Tilføj endnu en kolonne til den, hvor der for hver række i tabellen vil være et link til sletning af denne række.