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

Qtde. vazio ao invés de zero

Eu preferi limpar o campo Quantidade ao invés de deixar zerado quando selecionar um novo produto na lista.

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 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">${preco}</span>
    </section>`;

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

}

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

1 resposta
solução!

Oi, Iago!

Obrigada por compartilhar sua abordagem com a gente. Achei interessante como você optou por limpar o campo de quantidade ao selecionar um novo produto. Essa prática pode deixar o fluxo mais intuitivo para o usuário.

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