Quando eu clico no cabeçalho, ele também é removido, igual aos pacientes. Gostaria que isso não acontecesse.
Percebi que havia uma pessoa com a mesma dúvida que a minha e ele recebeu a resposta de um instrutor. Segui os mesmos passos da resposta, mas ainda continuo com o mesmo erro. Alguém pode me ajudar?
var pacientes = document.querySelectorAll(".paciente");
var tabela = document.querySelector("table");
const linhas = document.querySelectorAll('table tbody tr') // linhas, imposibilita a tabela inteira ser removida
const colunas = document.querySelectorAll('table tbody tr td') // colunas, imposibilita a tabela inteira ser removida
const cabecalho = document.querySelectorAll('table thead tr th') // thead, imposibilita a tabela inteira ser removida
tabela.addEventListener("dblclick", function(event) {
const elementoClicado = event.target
if(elementoClicado != linhas && elementoClicado != colunas && elementoClicado != cabecalho){
event.target.parentNode.classList.add("fadeOut");
setTimeout(function() {
event.target.parentNode.remove();
}, 500); //faz a função remove aguardar 0,5s para dar para ver a animação
}
});