1
resposta

Faça como eu fiz

   let totalbruto;
   limpar();
   
   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 subTotal = valorUnitario * quantidade;
        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$${subTotal}</span>
            </section>`

        totalbruto = totalbruto + subTotal;

        let total = document.getElementById('valor-total')
            total.innerHTML = `<span class="texto-azul" id="valor-total">R$ ${totalbruto}</span>`

        quantidade = document.getElementById('quantidade').value = '';


    }

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

    }

 
    

1 resposta

Oii, Geimisson.

Obrigada por compartilhar seu código com a comunidade Alura. É legal ver como você implementou a função de adicionar produtos ao carrinho e a lógica para calcular o total.

Conte com o apoio do Fórum na sua jornada. Abraços e bons estudos!