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

[Dúvida] nem o valor do primeiro item nem a quantidade limpam

já comparei várias vezes e não encontrei onde errei o valor de R$1400 e o campo quantidade não zera após incluir o produto no carrinho

et valorTotal;
limpar();
function adicionar(){
    //recuperar os 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 (subtotal)
    let preco = valorUnitario * quantidade;
    //add no carrinho
    let carrinho = document.getElementById('lista-produtos');
    carrinho.innerHTML = carrinho.innerHTML +  `<section class="carrinho__produtos__produto">
    <span class="texto-azul">${quantidade}x</span> ${produto} <span class="texto-azul">R$${preco}</span>
  </section>`
    //atualiza o valor total
    valorTotal = valorTotal + preco;
        let campoTotal = document.getElementById('valor-total'); 
        campoTotal.textContent = `R$ ${valorTotal}`;
        document.getElementById('quantidade').value;

}

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


}
1 resposta
solução!

Oi!

Na última linha da sua função adicionar:

document.getElementById('quantidade').value;

Deveria ser:

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

E na última linha da sua função limpar:

document.getElementById('valor-total').textoContent = 'R$ 0';

Está textoContent ao invés de textContent