Solucionado
Código funcionando corretamente, mas gostaria de saber se é possível subir um alert antes perguntando se realmente quer excluir a tabela?
var pacientes = document.querySelectorAll(".paciente");
var tabela = document.querySelector("#tabela-pacientes");
tabela.addEventListener("dblclick", function(event){
event.target.parentNode.classList.add("fadeOut");
setTimeout(function(){
event.target.parentNode.remove();
},500);
});
Olá ediferrer, tudo bem com você?
Ótima pergunta, podemos ter esse comportamento facilmente utilizando um "parente" do alert que é o confirm, para isso basta acrescentarmos poucas linhas de código veja:
tabela.addEventListener("dblclick", function(event) {
var confirmacao = confirm("Você deseja excluir esse paciente?")
if(confirmacao){
event.target.parentNode.classList.add("fadeOut");
setTimeout(function() {
event.target.parentNode.remove();
}, 500);
}
});
O confirm cria uma janela na tela com a mensagem que passamos, e 2 botões: o de cancelar e o de ok, cada um associado com false ou true respectivamente, dessa forma precisamos apenas colocar um if para ter o fluxo desejado :)
Compreendeu?
Abraços e Bons Estudos!
Perfeito Geovani, muito obrigado!!