Projeto - Carrinho de Compras

let totalGeral = 0;

limpar();

function adicionar () {
    let produtoSelecionado = document.getElementById('produto').value;
    let nomeProduto = produtoSelecionado.split(' - R$')[0];
    let valorUnit = parseFloat(produtoSelecionado.split(' - R$')[1]);
    let quantidade = document.getElementById('quantidade').value;

    if (!quantidade || quantidade <= 0) {
        alert('Por favor, insira uma quantidade válida.');
        return;
    }

    let subTotal = quantidade * valorUnit;
    let listaProdutos = document.getElementById('lista-produtos');
    listaProdutos.innerHTML += `
        <section class="carrinho__produtos__produto">
          <span class="texto-azul"> ${quantidade} </span> ${nomeProduto} <span class="texto-azul">R$${subTotal}</span>
        </section>
    `;

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

}

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