Solucionado
Oi, então eu já criei o method DELETE no arquivo ConectaApi.js porém não estou conseguindo criar a função deletaProduto() que ao clicar no button (icone lixeira) irá selecionar o card pelo id que é gerado no arquivo db.json e irá excluir o card do arquivo db.json. Alguém sabe como posso fazer isso?
Aqui o link do repositório no GitHub: https://github.com/B-e-a-t-r-i-z/alurageek
Oi, Beatriz, tudo bem?
Para que você consiga remover um item da lista usando o botão de excluir, você precisa ter um event listener para cada botão, que vai chamar a função conectaApi.deletaProduto(id).
No arquivo mostrarProdutos.js após produto.innerHTML, temos que adicionar:
const btnExcluir = produto.querySelector('.meus__produtos__card__info__excluir');
btnExcluir.addEventListener('click', async () => {
try {
await conectaApi.deletaProduto(id);
produto.remove();
} catch (error) {
console.error('Erro ao excluir produto:', error);
}
});
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
Oi Rodrigo!
Testei aqui a sua solução no meu código, e rodou!! Agora estou conseguindo excluir o card e também está excluindo na API, muito obrigada!