Uute elementide iseeneslik kustutamine JavaScriptis
Eelmises õppetükis õppisime, kuidas teha nii, et elemendid kustutaksid iseennast klõpsuga.
Oletame nüüd, et algselt pole vanemalus ühtegi elementi:
<div id="parent"></div>
Loome tsüklis 9 uut lõiku,
kuid samal ajal teeme nii, et iga lõik kustutataks
sellele klõpsates:
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);
}
Antud on järgmine kood:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Tehke nii, et nupule klõpsates
lisatakse loendisse uus element. Tehke
nii, et iga li kustutatakse sellele
klõpsates. See käib nii juba olemasolevate
li kohta kui ka uute, nupu vajutamise
järel loodud elementide kohta.
