Lidhja e ngjarjeve gjatë vendosjes së elementeve
Le tani, kur vendosim elemente, t'i lidhim atyre përpunuesit e ngjarjeve.
Supozoni, për shembull, se kemi këtë element prind:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Le të shtojmë në fund të këtij prindi një paragraf tjetër dhe t'i caktojmë atij një përpunues klikimi:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // me klik do të shfaqim tekstin e paragrafit
});
parent.appendChild(p);
Jepet një ol dhe një buton. Bëni që me një klik
në buton, në fund të ol të shtohet një tag li.
Bëni që me një klik në cilindo nga
li të shtuar, në fund të tekstit të tij të shkruhet
një pikëçuditëse.
