JavaScriptde täze elementleriň öz-özüni aýyrmagy

Öňki sapakda biz elementleriň öz-özüni üstlerine basylanyňyzda aýyrylmalaryny nädip etmelidigini öwrendik.

Indi tutuşlygyna ene elementiň içinde başlangyçda hiç zat ýok:

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

Geliň, siklde 9 täze abzas döretäýliň, şonuň bilen bir wagtda, islendik abzas onuň üstüne basylanyňyzda aýrylsyn:

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

Aşakdaky kod berlen:

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

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

Düwmäniň üstüne basylanyňyzda sanawyňyza täze element goşuljak etmegi ýerine ýetiriň. Iňlisçe li elementiniň islendiginiň onuň üstüne basylanyňyzda aýrylmaklygyny üpjün ediň. Bu barada diňe sanawda eýýäm bar bolan li elementleri däl, eýsem düwmä basylandan soň döredilen täzeler hem göz öňünde tutulýar.