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!
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);
});