//var pacientes = document.querySelectorAll(".paciente");
//var tabela = document.querySelector("table");
var tabela = document.querySelector("#tabela-pacientes");
tabela.addEventListener ("dblclick", function(event) {
//var alvoEvento = (event.target);
//var paiDoAlvo = alvoEvento.parentNode; //(pai do evento, é o TR=paciente=remover-paciente
//paiDoAlvo.remove();
event.target.parentNode.classList.add("fadeOut"); //fadeOut é a transição da remoção
setTimeout(function(){//Pede para esperar x tempo até executar o comando seguinte.
event.target.parentNode.remove();
},500); //segura por 500 ms
console.log(this); //testes
//event.target.remove(); //remove exatamente o local clicado
});
CSS:
.fadeOut {
opacity: 0;
transition: 0.5s;
}