let valorInicial = document.getElementById('valor-total').innerHTML.split('R$')[1];
let valorGeral = parseInt(valorInicial);


function adicionar() {
    
    let quantidade = document.getElementById('quantidade').value;

    if (quantidade == 0) {
        alert('Você precisa adicionar a quantidade desejada.')
        return;
    }

    let produto = document.getElementById('produto').value;
    let nomeProduto = produto.split(' - ')[0];
    let valorPrecoProduto = produto.split('R$')[1];
    
    let precoTotalProdutoQuantidade = quantidade * parseInt(valorPrecoProduto);
    
    let carrinho = document.getElementById('lista-produtos');

    if (valorGeral == 0) {
        carrinho.innerHTML = ''
    }

    carrinho.innerHTML = carrinho.innerHTML + `<section class="carrinho__produtos__produto">
    <span class="texto-azul">${quantidade}x</span> ${nomeProduto} <span class="texto-azul">R$${precoTotalProdutoQuantidade}</span>
    </section>`;
    
    valorGeral = valorGeral + precoTotalProdutoQuantidade;
    
    let valorTotal = document.getElementById('valor-total');
    valorTotal.innerHTML = `R$ ${valorGeral}`
}

function limpar() {
    valorGeral = 0

    let carrinho = document.getElementById('lista-produtos');
    carrinho.innerHTML = 'Seu carrinho está vazio.';
    
    let valorTotal = document.getElementById('valor-total');
    valorTotal.innerHTML = 'R$ 0,00';
}