Solucionado
Do jeito que foi feito, ao clicar no titulo das colunas a linha de titulo também é removida. Como fazer para não remover o titulo da tabela?
var tabela = document.querySelector('table');
tabela.addEventListener('dblclick', function () {
var alvoEvento = event.target;
var paiEvento = alvoEvento.parentNode;
paiEvento.remove();
});hoje, com a Alura e o Google Gemini
Fala Gabriel, tudo bom? Eu tenho um chute mas gostaria de confirmar, Poderia compartilhar um trecho do seu código com HTML pelo github ou codepen, para eu dar uma olhada e passar uma solução mais direta?
Valeeu!
é o mesmo do capitulo, sem tirar nem por!
O JS que compartilhei também é o mesmo que o professor usa na aula, sem modificar nada.
Está exatamente igual, mas na aula ele fez o teste que eu fiz de executar o evento de duplo clique no titulo da tabela.
Olá Gabriel, o cabeçalho da tabela é definida pela tag "th" enquanto os dados são definidos pela tag "td", então você pode inserir uma condição para excluir apenas as tags "td".
var tabela = document.querySelector('table');
tabela.addEventListener('dblclick', function () {
var alvoEvento = event.target;
if(alvoEvento.tagName == 'TD'){
var paiEvento = alvoEvento.parentNode;
paiEvento.remove();
}
});