Auto-ștergerea elementelor noi în JavaScript
În lecția precedentă am învățat cum să facem astfel încât elementele să se șteargă singure la click.
Să presupunem că acum nu există inițial elemente în părinte:
<div id="parent"></div>
Să creăm 9 paragrafe noi într-o buclă,
și să facem astfel încât orice paragraf să fie șters
la click pe el:
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);
}
Este dat următorul cod:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Faceți astfel încât la click pe buton în
listă să se adauge un element nou. Faceți
astfel încât orice li să fie ștearsă la click pe
ea. Vorbim atât despre acele li care sunt deja
în listă, cât și despre cele noi, create după
apăsarea butonului.
