Odstraňovanie prvkov v JavaScripte

Poďme sa teraz naučiť odstraňovať prvky. Na to je potrebné použiť metódu remove. Pozrime sa na príklade, ako sa to robí. Nech máme odseky:

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

Urobme tak, aby sa akýkoľvek odsek odstránil po kliknutí naň:

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

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

Задание 1

Daný je nasledujúci kód:

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

Urobte tak, aby sa akákoľvek li odstránila po kliknutí na ňu.

Задание 2

Daný je nasledujúci kód:

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

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

Urobte tak, aby sa po každom kliknutí na tlačidlo odstránil posledný prvok z #parent.