Fiz extamente como o exemplo, porém quiz colocar um botão, e apenas quando clica no botão excluir a <td>, porém reparei que ao utlizar a função parentNode pega a <td> e não o <tr> pois tem uma tag <button>
Solucionado
Fiz extamente como o exemplo, porém quiz colocar um botão, e apenas quando clica no botão excluir a <td>, porém reparei que ao utlizar a função parentNode pega a <td> e não o <tr> pois tem uma tag <button>
hoje, com a Alura e o Google Gemini
var tabela = document.querySelector("#tabela-pacientes");
tabela.addEventListener("click",function (event){
event.target.parentNode.classList.add("fadeOut");
setTimeout(function (){
//event - pega quem originou o evento
//target pega qual o componente que origibnou a td por exemplo
//parentNode ira pegar o pai do event
event.target.parentNode.remove();
},500);
});
André, você pode chamar a parentNode novamente:
var botao = event.target; // guardando pra facilitar
//
var td = botao.parentNode;
var tr = td.parentNode;
// ou
var tr = botao.parentNode.parentNode;var tabela = document.querySelector("#tabela-pacientes");
tabela.addEventListener("click",function (event){
var td = event.target.parentNode;
td.parentNode.classList.add("fadeOut");
setTimeout(function (){
//event - pega quem originou o evento
//target pega qual o componente que origibnou a td por exemplo
//parentNode ira pegar o pai do event
td.parentNode.remove();
},500);
});Fiz assim, achei depois desculpe