Olá, Tenho um problema que estou quebrando a cabeça a tempos e simplesmente não consigo entender por qual motivo isso ocorre... Na minha aplicação eu tenho um carrinho que até então insere produtos normalmente, faz a soma dos seus valores e adiciona ao total, porém, quando eu tento remover um item do carrinho ele simplesmente está bagunçando o valor total
Por exemplo, quando removo o Atum que é o primeiro item da lista, ele simplesmente subtrai o valor triplicado, se eu removo o salmão que é o segundo item da lista, ele remove duplicado...
Exemplo removendo o Atum:
O valor fica negativo e no console é como se ele tivesse sido removido 3x com um único click...
Nos elementos ele foi deletado corretamente até
Seguem os códigos que utilizei para criar os elementos, remover e atualizar o valor total do carrinho quando deletado algum item:
Criação dos itens
$(document).ready(function(){
var btnAdcionaCarrinho = $(".btn-adicionar-carrinho");
btnAdcionaCarrinho.click(function(){
adicionaProduto($(this));
totalPedido(buscaItensPedido());
});
});
function adicionaProduto(el){ //adiciona produto ao carrinho
console.log(el);
var nomeProduto = el.parent().find(".titulo-produto");
var qtdProduto = el.parent().find(".qtd-produto").val();
var precoProduto = el.parent().find(".preco-produto").text();
alteraQtdItensCarrinho("add");
buildItemPedido(nomeProduto.text(),qtdProduto,precoProduto);
carrinho.find(".btn-remover-item").click(function(){
console.log($(this));
alteraQtdItensCarrinho("del");
removeProduto($(this));
});
}
function buildItemPedido(nomeProduto,qtdProduto,precoProduto){//cria a linha na tabela contendo as informações sobre o pedido
var novoItem = $("<tr></tr>");
var nomeItem = $("<td></td>").addClass("nome-pedido").text(nomeProduto);
var qtdItem = $("<td></td>").addClass("qtd-pedido").text(qtdProduto);
var qtdPrecoItem = $("<td></td>").addClass("qtd-preco-pedido").text(precoProduto);
var removerItem = $("<td></td>").addClass("remover-item");
var botaoRemover = $("<span></span>").append("<i></i>").addClass("icon-close btn-remover-item");
removerItem.append(botaoRemover);
novoItem.append(nomeItem,qtdItem,qtdPrecoItem,removerItem);
carrinho.append(novoItem);
console.log(novoItem);
console.log(carrinho);
return carrinho;
}
Remoção do item
function removeProduto(el){// deleta produto do carrinho
var item = el.parent().parent();
var itemPreco = item.find(".qtd-preco-pedido").text();
var itemQtd = item.find(".qtd-pedido").text();
console.log(item,itemPreco,itemQtd);
subtraiValorTotal(itemPreco,itemQtd);
item.remove();
}
Alteração do valor total
function subtraiValorTotal(itemPreco,itemQtd){//diminui o valor total quando um item é removido
// console.log(itemPreco,itemQtd);
var precoItem = parseFloat(removeSifrao(itemPreco).replace(",",".")) * parseInt(itemQtd);
var total = parseFloat(removeSifrao($("#valor-total").text()).replace(",","."));
// console.log(precoItem.toFixed(2));
// console.log(total);
var novoTotal = total - precoItem;
$("#valor-total").text("R$" + novoTotal.toFixed(2).toString().replace(".",","));
}
removeSifrao()
?