Associare eventi all'inserimento di elementi
Ora, quando inseriamo elementi, associamo loro gestori di eventi.
Supponiamo, ad esempio, di avere questo elemento genitore:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Aggiungiamo un altro paragrafo alla fine di questo genitore, impostando un gestore di click per esso:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // al click mostreremo il testo del paragrafo
});
parent.appendChild(p);
Dato un ol e un pulsante. Fai in modo che al click
sul pulsante venga aggiunto un tag li alla fine del ol.
Fai in modo che al click su uno qualsiasi dei
li aggiunti, un punto esclamativo venga aggiunto
alla fine del suo testo.
