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:
<div id="parent"></div>
Hebu tuunde aya 9 mpya kwenye kitanzi,
wakati huu tukifanya ili aya yoyote iondolewe
kwa kubofya juu yake:
let 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);
}
Imepangiwa msimbo ufuatao:
<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.
