Notikumu piesaiste, ievietojot elementus
Tagad, ievietojot elementus, pievienosim tiem notikumu apstrādes funkcijas.
Piemēram, pieņemsim, ka mums ir šāds vecāka elements:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Pievienosim šī vecāka beigām vēl vienu rindkopu, iestatot tam klikšķa notikuma apstrādi:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // noklikšķinot izvadīsim rindkopas tekstu
});
parent.appendChild(p);
Dots ol un poga. Iestatiet tā, lai, noklikšķinot
uz pogas, ol beigām tiktu pievienots li tags.
Iestatiet tā, lai, noklikšķinot uz jebkura no
pievienotajiem li, tā teksta beigās tiktu ierakstīta
izsaukuma zīme.