Depois que deleto um item de nossa página, eu preciso dar um refresh na página para que ele deixe de ser exibido. Porque será que isso ocorre?
let tabelaHabilidades = document.querySelector('#habilidade');
//console.log(tabelaHabilidades);
tabelaHabilidades.addEventListener('click', (evento) => {
let elementoClicado = evento.target;
if (elementoClicado.dataset.type == 'remocao') {
let habilidadeId = elementoClicado.dataset.ref;
fetch(`http://localhost:3002/habilidades/${habilidadeId}`, { method: 'DELETE' })
.then(resposta => {
let tr = elementoClicado.closest(`#habilidade_${habilidadeId}`);
tr.remove(); // aqui ele esta retornando null ? Porquê?
})
.catch(erro => console.log(erro));
}
});
