Kuondoa Vipengele kwa kutumia JavaScript

Hebu sasa tujifunze kuondoa vipengele. Ili kufanya hivyo, tunahitaji kutumia njia remove. Hebu tuangalie mfano wa jinsi hii inafanyika. Wacha tuwe na aya:

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

Wacha tufanye ili aya yoyote iondolewe kwa kubofya juu yake:

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

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

Imetolewa msimbo ufuatao:

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

Fanya ili li yoyote iondolewe kwa kubofya juu yake.

Задание 2

Imetolewa msimbo ufuatao:

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

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

Fanya ili kwa kila kubofya kwenye kitufe kiondolewe kipengele cha mwisho kutoka #parent.