[Projeto] Carrinho de compras:

let totalGeral;
limpar();

function adicionar() {
    // recuperar valor, quantidade, nome do produto e valores 
    let produto = document.getElementById('produto').value;
    let nomeProduto = produto.split('-')[0];
    let valorUnitario = produto.split('R$')[1];
    let quantidade = document.getElementById('quantidade').value;   


    // verificar se o produto selecionado é válido
    if (!produto || produto.trim() === "") {
      alert('Erro! Selecione um produto válido e tente novamente.');
      return;
    }

    //verificar se a quantidade é válida
    if (isNaN (quantidade) || quantidade <= 0) {
      alert('Quantidade inválida, tente novamente!.');
      return;


    }
    // calcular o preço, nosso 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">R$${preco}</span>
        </section>`;

// 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';
}