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:
<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:
let 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);
Dado un ol y un botón. Haz que al hacer clic
en el botón se agregue una etiqueta li al final
del ol.
Haz que al hacer clic en cualquiera de
los li agregados se escriba un
signo de exclamación al final de su texto.
