Pelo que entendi da função, ela consegue deletar uma tr clickando na td correspondente a ela. Acredito que essa construção não previna de deletar o título da tabela.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Pelo que entendi da função, ela consegue deletar uma tr clickando na td correspondente a ela. Acredito que essa construção não previna de deletar o título da tabela.
Fala Vitor, tudo bem?
Dessa forma previne sim de não deletar o titulo da tabela, ja que o titulo (nesse caso o h2) é irmão da tag table e não pai, para que o titulo fosse removido, ele deveria ser um elemento pai da tabela ou alguma outra tag.
Espero ter ajudado, bons estudos :D
Do título da tabela, quero dizer a primeira
Nesse caso realmente não previne da exclusão, para resolver isso, você pode verificar se o elemento que está sendo clicado é a tr dentro da thead:
tabela.addEventListener("dblclick", function(event) {
var alvoEvento = event.target;
var tituloTabela = document.querySelector('thead > tr')
var paiDoAlvo = alvoEvento.parentNode; // TR = paciente = remover
if(paiDoAlvo != tituloTabela) {
paiDoAlvo.remove();
}
});O que fazemos é selecionar o titulo da tabela e guardar na variável tituloTabela, então verificamos se o pai do alvo não é esse titulo da tabela, usando o operador != que significa diferente de, dessa forma, o nosso titulo da tabela não será removido.