Бришење елементи во JavaScript

Ајде сега да научиме како да бришеме елементи. За ова треба да го користиме методот remove. Ајде да видиме како се прави ова преку пример. Да претпоставиме дека имаме параграфи:

<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>

Ајде да направиме секој параграф да се брише при клик на него:

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

for (let elem of elems) {
	elem.addEventListener('click', function() {
		elem.remove();
	});
}

Даден е следниот код:

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
</ul>

Направете секоја li да се брише при клик на неа.

Даден е следниот код:

<ul id="parent">
	<li>1</li>
	<li>2</li>
	<li>3</li>
</ul>

<input type="submit" id="button">

Направете при секое кликнување на копчето да се брише последниот елемент од #parent.