Веза за брисање елемента у ЈаваСкрипту

Нека имамо параграф. Хајде поред њега да направимо везу, помоћу које овај параграф можемо да обришемо.

Реализујмо:

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

Обратите пажњу на то да у атрибуту href везе стоји #. Ако ову тарабу уклонимо - добићемо прелаз преко везе и, као последицу, освежавање странице.

Заправо, брисање параграфа ће такође да се деси, али ми то нећемо приметити, јер ће се страница освежити и све ће се вратити у почетно стање.

За решавање проблема треба спречити прелаз преко везе помоћу 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(); // поништава прелаз преко везе
});

Самостално, не загледајући се у мој код, решите описан задатак.