Δέσμευση συμβάντων κατά την εισαγωγή στοιχείων

Ας δέσμευουμε τώρα χειριστές συμβάντων στα στοιχεία κατά την εισαγωγή τους.

Ας υποθέσουμε, για παράδειγμα, ότι έχουμε αυτό το γονικό στοιχείο:

<div id="parent">
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

Ας προσθέσουμε στο τέλος αυτού του γονέα ακόμη μία παράγραφο, ορίζοντας έναν χειριστή κλικ για αυτήν:

let parent = document.querySelector('#parent');

let p = document.createElement('p');
p.textContent = '!';

p.addEventListener('click', function() {
	console.log(this.textContent); // με κλικ θα εμφανίσουμε το κείμενο της παραγράφου
});

parent.appendChild(p);

Δίνεται ol και ένα κουμπί. Κάντε έτσι ώστε με κλικ στο κουμπί στο τέλος του ol να προστίθεται η ετικέτα li. Κάντε έτσι ώστε με κλικ σε οποιοδήποτε από τα προστεθέντα li στο τέλος του κειμένου του να γράφεται ένα θαυμαστικό.