let listaProdutos = document.getElementById('lista-produtos');
let produtoHTML = '';
listaProdutos.innerHTML = '';

let carrinhoTotal = document.getElementById('valor-total');
let valorTotal = 0;
carrinhoTotal.innerHTML = `R$${valorTotal}`;

function adicionar() {
    let produto = document.getElementById('produto').value;
    let nome = produto.split('-')[0];
    let valor = parseFloat(produto.split('-')[1].slice(3));
    let quantidade = document.getElementById('quantidade').value;

    produtoHTML += 
    `<section class="carrinho__produtos__produto">
        <span class="texto-azul">${quantidade}x</span> ${nome} <span class="texto-azul">R$${valor}</span>
    </section>`;

    listaProdutos.innerHTML = produtoHTML;
    valorTotal += quantidade * valor;
    carrinhoTotal.innerHTML = `R$${valorTotal}`;
}

function limpar() {
    listaProdutos.innerHTML = '';
    produtoHTML = '';
    valorTotal = 0;
    carrinhoTotal.innerHTML = `R$${valorTotal}`;
}