Linka za brisanje elementa u JavaScriptu

Neka imamo pasus. Hajde da pored njega napravimo link pomoću kojeg se taj pasus može obrisati.

Implementirajmo:

<div id="parent">
	<p id="elem">text</p>
	<a href="#" id="remove">remove</a>
</div>

let elem   = document.querySelector('#elem');
let remove = document.querySelector('#remove');

remove.addEventListener('click', function() {
	elem.remove();
});

Obratite pažnju da u href atributu linka stoji #. Ako se ova taraba ukloni - dobićemo navigaciju preko linka i, kao posledicu, osvežavanje stranice.

Zapravo, brisanje pasusa će takođe se desiti, ali mi to nećemo primetiti, pošto će se stranica osvežiti i sve će se vratiti u početno stanje.

Za rešenje problema treba sprečiti navigaciju preko linka pomoću preventDefault:

<div id="parent">
	<p id="elem">text</p>
	<a href="" id="remove">remove</a>
</div>

let elem   = document.querySelector('#elem');
let remove = document.querySelector('#remove');

remove.addEventListener('click', function(event) {
	elem.remove();
	event.preventDefault(); // otkazujemo navigaciju preko linka
});

Samostalno, ne zagledajući se u moj kod, rešite opisan zadatak.