[Projeto] Minha solução para o projeto Carrinho de Compras

let totalCompra = 0;

// Limpa a lista de produtos e o valor total
document.getElementById('lista-produtos').innerHTML = '';
document.getElementById('valor-total').innerHTML = `R$ ${totalCompra}`;

function adicionar() {
    let produto = document.getElementById('produto');
    let quantidade = document.getElementById('quantidade');
    let valorTotal = document.getElementById('valor-total');

    let [nomeProduto, precoProduto] = produto.value.split(' - ');
    let preco = parseFloat(precoProduto.replace('R$', ''));
    let total = preco * parseInt(quantidade.value);

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

    let item = document.createElement('section');
    item.classList.add('carrinho__produtos__produto');
    item.innerHTML = `
        <span class="texto-azul">${quantidade.value}x</span>
        <span>${nomeProduto}</span>
        <span class="texto-azul">R$ ${total}</span>
    `;

    listaProdutos.appendChild(item);

    valorTotal.innerHTML = `R$ ${totalCompra += total}`;

    quantidade.value = null;
}

function limpar() {
    totalCompra = 0;

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

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