1
resposta

Faça como eu fiz: finalizando a compra e limpando o carrinho

let totalGeral;
limpar();
document.getElementById('lista-produtos').innerHTML = '';
function adicionar() {
let produto = document.getElementById('produto').value;
let nomeProduto = produto.split('-')[0];
let valorUnitario = produto.split('R$')[1];
let quantidade = document.getElementById('quantidade').value;
let preco = quantidade * valorUnitario;
let carrinho = document.getElementById('lista-produtos');
carrinho.innerHTML = carrinho.innerHTML + `<section class="carrinho__produtos__produto">
<span class="texto-azul">${quantidade}x</span> ${nomeProduto} <span class="texto-azul">$${preco}</span>
</section>`


// atualizar o valor total
totalGeral = totalGeral + preco;
let campoTotal = document.getElementById('valor-total');
campoTotal.textContent = `R$ ${totalGeral}`;
document.getElementById('quantidade').value = 0;
}

function limpar() {
    //let totalGeral= 0;
    totalGeral= 0;
    document.getElementById('lista-produtos').innerHTML = '';
    document.getElementById('valor-total').textContent = 'R$ 0';

}

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Oi, Zilda! Como vai?

Agradeço por compartilhar

Gostei da sua solução, principalmente por ter cuidado de zerar o valor total e limpar a lista de produtos ao finalizar a compra. Isso mostra atenção à lógica do projeto e ao comportamento esperado do carrinho.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!