Vinculación de eventos al insertar elementos

Ahora, al insertar elementos, vamos a vincularles manejadores de eventos.

Supongamos, por ejemplo, que tenemos este elemento padre:

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

Vamos a agregar otro párrafo al final de este padre, estableciéndole un manejador de clic:

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

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

p.addEventListener('click', function() {
  console.log(this.textContent); // al hacer clic mostraremos el texto del párrafo
});

parent.appendChild(p);