Brisanje elementov v JavaScriptu

Zdaj se naučimo brisati elemente. Za to moramo uporabiti metodo remove. Poglejmo primer, kako se to naredi. Recimo, da imamo odstavke:

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

Naredimo tako, da se vsak odstavek izbriše ob kliku nanj:

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

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

Podana je naslednja koda:

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

Naredite tako, da se vsak li element izbriše ob kliku nanj.

Задание 2

Podana je naslednja koda:

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

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

Naredite tako, da se ob vsakem kliku na gumb izbriše zadnji element iz #parent.