Спасылка на выдаленне элемента на JavaScript

Няхай у нас абзац. Давайце побач з ім зробім спасылку, з дапамогай якой гэты абзац можна будзе выдаліць.

Рэалізуем:

<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(); // адмяняем пераход па спасылцы
});

Самастойна, не падглядваючы ў мой код, вырашыце апісаную задачу.