Tapahtumien sitominen elementtien lisäämisessä
Lisätään nyt elementtejä lisättessä niihin tapahtumankäsittelijät.
Oletetaan esimerkiksi, että meillä on tällainen vanhempielementti:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Lisätään tämän vanhemman loppuun vielä yksi kappale ja asetetaan sille klikkauskäsittelijä:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // klikkauksella tulostamme kappaleen tekstin
});
parent.appendChild(p);
Annettu ol ja painike. Tee niin, että painiketta napsautettaessa
ol:n loppuun lisätään li-tagi.
Tee niin, että mihin tahansa lisätyistä
li:sta napsautettaessa sen tekstin loppuun kirjoitetaan
huutomerkki.
