1
resposta

[Bug] NaN no Total

Não consigo mudar o valor do Total. Poderiam me ajudar?

let totalGeral = 0;

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.value * 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">R$${valorUnitario}</span>
</section>`

     totalGeral = totalGeral + preco;

    let campoTotal = document.getElementById('valor-total');
    campoTotal.textContent = `R$${totalGeral}`;
    
    
}
1 resposta

Boa tarde, vê se dessa forma te ajuda.

let totalGeral = 0;
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;
    let carrinho = document.getElementById('lista-produtos');

    // adicionar no carrinho
    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>`

    // alerts
    // alert(`Produto selecionado ${nomeProduto}`);
    // alert(`Valor Unitário de R$ ${valorUnitario}`);
    // alert(`Ao preço total de R$ ${preco}`);
    // alert(`Quantidade inserida foi de ${quantidade} unidades do produto ${nomeProduto} ao preço de R$ ${valorUnitario}`);

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

}

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

}