var pacientes = document.querySelectorAll(".pacientes");
var tabela = document.querySelector("table")
tabela.addEventListener("dblclick", function(event){
event.target.parentNode.classList.add("fadeOut")
setTimeout(function(){
if (event.target.tagName == 'TD') {
event.target.parentNode.remove()
}; }, 500);
});
2
respostas
respostas
Meu cabeçalho fica em branco, mas não é removido.
Fala ai Guilherme, tudo bem? Olhando o código final do vídeo ele está diferente do seu:
tabela.addEventListener('dblclick', function(event) {
// Somente executará nosso código caso o elemento em que clicamos seja um <td>
if (event.target.tagName == 'TD') {
event.target.parentNode.remove()
}
});Espero ter ajudado.
Boa noite Guilherme, o meu código está um pouco diferente do seu, mas talvez ajudo a você a entender o erro.
var pacientes = document.querySelectorAll('.paciente')
var tabela = document.querySelector('tbody')
tabela.addEventListener('dblclick', function(event){
var alvo = event.target
var paiDoAlvo = alvo.parentNode
paiDoAlvo.classList.add('fadeOut')
setTimeout(() => {
paiDoAlvo.remove()
}, 500)
})