Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

Me quedan dudas!! (quizás solo me falta practicarlo más)

He realizado lo trabajado en clases, pude ver como se llevaba a cabo el event bubbling , pero aun así no logro comprender del todo de que se trata!!

var tabla = document.querySelector("#tabla-pacientes")

/*-----llamamos a la variable tabla, le asignamos el escuchador de ventos----*/
/*----- el evento es dbl click, el parametro de la funcion es event----*/
/*------ le asignamos a event la propiedad target, y le asginamos que suba una jerarquia para remover----*/
tabla.addEventListener("dblclick", function(event){

    event.target.parentNode.classList.add("fadeOut"); //--------aca traemos la clase de css
    setTimeout(function(){
        event.target.parentNode.remove(); 
    },500)  

    // como sucede muy rapido la transicion vamos a usar una funcion que se llama setTimeout
    // la estructuramos con la funcion anonima agregandole el bloque de codigo de remove
    // target responde al lugar especifico del click 
    /*---- al usar parentNode, le decimos que suba una jerarquia------*/
})
2 respuestas

Hola Marcos , espero que esté bien.

En este artículo puedes complementar tus estudios y despejar tus dudas sobre event bubbling.

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios
solución!
var tabla = document.querySelector("#tabla-pacientes");

tabla.addEventListener("dblclick",function(event){
    event.target.parentNode.classList.add("fadeOut");
    setTimeout(function(){
        event.target.parentNode.remove();
    },500);
});