Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Concluído] Finalizando a compra e limpando o carrinho

let totalGeral;
limpar();

function adicionar() {
    //Recuperar valores nome do produto, quantidade e valor;
    let produto = document.getElementById('produto').value;
    let nomeProduto = produto.split('-')[0];
    let valorUnitario = produto.split('R$')[1];
    let quantidade =  document.getElementById('quantidade').value;
   //Calcular o preço, o nosso subtotal;
    let preco = quantidade*valorUnitario;
    //Adicionar no carrinho;
    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">R$${preco}</span>
        </section>`;
    //Atualizar o valor total da compra
    totalGeral = totalGeral + preco;
    let campoTotal = document.getElementById('valor-total');
    campoTotal.textContent = `R$${totalGeral}`; 
    quantidade =  document.getElementById('quantidade').value = '';
}

function limpar() {
    //Limpar o carrinho de comprar
totalGeral = 0; 
document.getElementById('lista-produtos').innerHTML = ''; 
document.getElementById('valor-total').textContent = 'R$ 0';
}
1 resposta
solução!

Oi, Henrique! Tudo bem?

Ótimo código, parabéns pela sua execução e obrigada por tê-lo compartilhado com a nossa comunidade! Lembre sempre que caso surja alguma dúvida, o fórum está aqui para ajudar!

Um forte abraço bons estudos!