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, nosso subproduto
let calcularSubtotal = (valorUnitario * quantidade);
//adicionar esse produto no carrinho
if (quantidade < 1) {
alert ('A "Quantidade" do item selecionado deve ser no mínimo de 1 unidade.');
return;
} else {
let listaCarrinho = document.getElementById('lista-produtos');
listaCarrinho.innerHTML = listaCarrinho.innerHTML + `<section class="carrinho__produtos__produto">
<span class="texto-azul">${quantidade}x</span>${nomeProduto}<span class="texto-azul">R$${calcularSubtotal}</span>
</section>`;
//atualizar o valor total
totalGeral = totalGeral + calcularSubtotal;
let campoTotal = document.getElementById('valor-total');
campoTotal.textContent = `R$ ${totalGeral}`;
//limpar a "quantidade" toda vez que o item for adicionado ao carrinho
quantidade = document.getElementById('quantidade').value = 0;
}
}
function limpar() {
totalGeral = 0;
document.getElementById('lista-produtos').innerHTML = '';
document.getElementById('valor-total').textContent = 'R$ 0';
}
Essa foi minha conclusão do projeto, no entanto, percebi que ao adicionar algum produto com o campo da quantidade zerada, o item era adicionado no carrinho sem alterar o valor total de 0, então criei uma condicional que verifica a quantidade de produtos, se for menor que 1 aparecerá um alert e logo em seguida, o código retornará sem alterar nada.
Aceito sugestões e opiniões :)