Add product if already removed

Question

I have a problem with this code: Why instead of adding only one element from scratch it takes what has already been removed and puts it back? The error is in this list of the displayProducts, because if I give an Alert in the product name it only takes what was clicked.

$(document).on("click",".btn-adicionar-carrinho",function(e){
    // esvaziar o carrinho de compras
    carrinhovazio = $('.car-vazio').empty();
    // id do produto
    var idProduto = $('.nomeproduto').attr("id");
    // nome do produto
    var nomeproduto =  $('.header-ingrediente').text();
    // valor do produto
    var valorproduto = $('.v-lor').text();
    // quantidade do produto
    var quantidadeproduto = $('.item-qtd-produto').text();
    // imagem do produo
    var imagemproduto =  $('.imagemprodseq').data('id-imagem');

    alert(nomeproduto);
    mostraProdutos += "<div class='prodmostra'><div class='imagem-prod' data-id-prod-carrinho=" + idProduto + ">"
    mostraProdutos += "<img class='imagem-carrinho' title='" + nomeproduto + "' src='" + urlBase + "imagem/produto/" +  imagemproduto + "/jpg' alt='Imagem carrinho de compras CloudDelivery' width='100' height='70' />"
    mostraProdutos += "</div><div class='produto'><a href='' style='float: right;' class='excluir-produto-carrinho' title='Retirar produto'>Remover[x]</a><div class='nomeprodutocart'>"+ nomeproduto+ "</div>"
    mostraProdutos += "<div class='qtd-texto'>Quantidade: </div><div class='quantidadeprodutocart'>"+ quantidadeproduto  + "</div><div id='valorprodutocart' class='valorprodutocart'><span>"+ valorproduto +"</span></div></div></div>";
    // mostra os dados do carrinho de compras selecionado

    tabelacarrinho.html(mostraProdutos);

    somaValores();
  });