Ta bort element i JavaScript

Låt oss nu lära oss att ta bort element. För att göra detta behöver du använda metoden remove. Låt oss titta på ett exempel på hur detta görs. Anta att vi har följande stycken:

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

Låt oss göra så att vilket stycke som helst tas bort när man klickar på det:

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

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

Följande kod är given:

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

Gör så att vilken li som helst tas bort när man klickar på den.

Задание 2

Följande kod är given:

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

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

Gör så att vid varje klick på knappen så tas det sista elementet bort från #parent.