2
respostas

Meu cabeçalho fica em branco, mas não é removido.

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

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