Kujiondoa kwa Vipengee Vipya kwenye JavaScript

Katika somo lililopita, tulijifunza jinsi ya kufanya vipengee vijiondoe wenyewe kwa kubofya.

Hebu sasa tuseme hakuna vipengee awali kwenye kiumzazi:

html<div id="parent"></div>

Hebu tuunde aya 9 mpya kwenye kitanzi, wakati huu tukifanya ili aya yoyote iondolewe kwa kubofya juu yake:

javascriptlet parent = document.querySelector('#parent');

for (let i = 1; i <= 9; i++) {
  let p = document.createElement('p');
  p.textContent = i;
  
  p.addEventListener('click', function() {
    this.remove();
  });
  
  parent.appendChild(p);
}

Задание 1

Imepangiwa msimbo ufuatao:

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

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

Fanya ili kwa kubofya kitufe, kwenye orodha iongezwe kipengee kipya. Fanya ili li yoyote iondolewe kwa kubofya juu yake. Huu ni ukweli kwa li zote zilizo tayari kwenye orodha, na kwa zile mpya, zilizoundwa baada ya kubofya kitufe.