Naujų elementų savaiminis pašalinimas JavaScript

Ankstesnėje pamokoje mes su jumis išmokome padaryti tai, kad elementai pašalintų save patys paspaudus.

Tarkime, kad dabar tėviniame elemente iš pradžių nėra elementų:

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

Sukurkime cikle 9 naujus pastraipos elementus, ir tuo pačiu padarykime taip, kad bet kuri pastraipa būtų pašalinama paspaudus ant jos:

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);
}

Duotas toks kodas:

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

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

Padarykite taip, kad paspaudus mygtuką į sąrašą būtų pridėtas naujas elementas. Padarykite tai, kad bet koks li elementas būtų pašalinamas paspaudus ant jo. Kalbama apie tuos li elementus, kurie jau yra sąraše, ir apie naujus, sukurtus po mygtuko paspaudimo.