1
resposta

Dica - removendo paciente

Para evitar que a Aparecida clique equivocadamente na primeira linha da tabela com os cabeçalhos e a remova da forma como foi construído o método de remoção na aula, é mais interessante atrelar a variável tabela ao elemento 'tbody' e então os eventos de 'dblclick' aos seus elementos filhos.

const tabela = document.querySelector('tbody')

tabela.addEventListener('dblclick', function(event){
  console.log(this) // dono do evento - tem o evento atrelado (table)
  console.log(event.target) // elemento filho que sofreu o evento
  event.target.parentNode.classList.add('fade-out')
  setTimeout(function(){ event.target.parentNode.remove() }, 500)

})
1 resposta

Oi, Gustavo, tudo bem?

Obrigada por compartilhar! Sim, de fato, se clicarmos duas vezes no cabeçalho da tabela, ela é apagada.

Bons estudos!