Ao fim de meu projeto, percebi que o remove no dclick está entrando tbm no thead, removendo-o como se fosse um paciente.
Minha dúvida é:
Não corrigimos esse bug no curso? Ou eu que estou bobeando?
Obrigado!
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Ao fim de meu projeto, percebi que o remove no dclick está entrando tbm no thead, removendo-o como se fosse um paciente.
Minha dúvida é:
Não corrigimos esse bug no curso? Ou eu que estou bobeando?
Obrigado!
Posta seu código aqui pra gente poder te ajudar melhor.
Observando aqui, dá pra ver que o evento de clique duplo, foi colocado no corpo da tabela, mas o evento, considera o ponto do clique.
event.target.parentNode.classList.add("fadeOut");event.target, pega o ponto clicado (no caso uma colua) <td>. Para poder remover a linha, é selecionado o elemento pai do <td>, no caso <tr>, é utilizado event.target.parentNode.
no final, a função fica assim:
var tabela = document.querySelector("#tabela-pacientes");
tabela.addEventListener("dblclick", function(event) {
event.target.parentNode.classList.add("fadeOut");
console.log(event.target.parentNode);
setTimeout(function() {
event.target.parentNode.remove();
}, 500);
});