Brisanje elemenata u JavaScriptu

Hajde sada da naučimo kako da brišemo elemente. Za to treba da koristimo metodu remove. Pogledajmo na primeru kako se to radi. Neka imamo paragrafe:

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

Hajde da postavimo tako da se bilo koji paragraf obriše klikom na njega:

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

for (let elem of elems) {
  elem.addEventListener('click', function() {
    elem.remove();
  });
}
Задание 1

Dat je sledeći kod:

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

Podesite tako da se bilo koja li obriše klikom na nju.

Задание 2

Dat je sledeći kod:

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

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

Podesite tako da se pri svakom kliku na dugme obriše poslednji element iz #parent.