Eu fiz uma tabela similar ao do instrutor no curso iniciante de javascript. porém a diferença é a função dela.
| Responsavel | Produto | Quantidade | Total | Ação | |
|---|---|---|---|---|---|
| Paulo | Refrigerante | 1 | R$ 5.00 | Excluir | |
| Erica | Bolo | 3 | R$ 9.00 | Excluir | |
| Douglas | Cocada | 4 | R$ 8.00 | Excluir | |
| Tatiana | Refrigerante | 3 | R$ 15.00 | Excluir |
porém para excluir esse cliente eu precisaria colocar um evento no botão excluir.
var botaoExcluir = document.querySelectorAll(".botao-excluir");
for(var i=0,len = botaoExcluir.length;i<len;i++) {
botaoExcluir[i].addEventListener("click", function (event) {
event.target.parentNode.remove();
});
}eu sei que quando adiciono um novo elemento na tabela logo, esse novo elemento ele não iria ter um evento, adicionar esse evento quando na inserção acredito que seria repetir código. Sabendo disso, como poderia adicionar um evento ao botão de excluir mas esse evento atrelado a novos itens também ?
