eu lidei de maneira diferente com o valor que já existia no carrinho, gostaria de saber sua opinião à respeito, se isso foi ou não uma boa escolha.
let totalGeral = 0;
let listaDeProdutos = document.getElementById('lista-produtos');
let mensagemTotal = document.getElementById('valor-total');
addEventListener ('DOMContentLoaded', function(){
totalGeral = document.getElementById('valor-total').textContent;
totalGeral = Number(totalGeral.split('R$')[1]);
})
function adicionar (){
let produto = document.getElementById('produto').value;
let nomeProduto = produto.split('-')[0];
let quantidade = document.getElementById('quantidade').value;
let preco = produto.split('R$')[1];
let totalPorProduto = Number(preco)*Number(quantidade);
totalGeral = totalGeral + totalPorProduto;
listaDeProdutos.innerHTML += ` <section class="carrinho__produtos__produto">
<span class="texto-azul">${quantidade}x</span> ${nomeProduto} <span class="texto-azul">R$ ${totalPorProduto}</span>
</section>`;
mensagemTotal.textContent = `R$ ${totalGeral}`;
document.getElementById('quantidade').value = 0;
}
function limpar (){
totalGeral = 0;
listaDeProdutos.textContent= '';
mensagemTotal.textContent = '';
document.getElementById('quantidade').value = '';
}
Para saber mais:
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!