[Projeto] minha solução

Meu código com pequenas alterações:

let total
let carrinhoDeCompras = document.getElementById('lista-produtos');
let carrinhoVazio = 'Seu carrinho de compras está vazio'
limpar();

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

    if(quantidade <= 0){
        alert('A quantidade deve ser maior que 0');
      }
        else if(carrinhoDeCompras.innerHTML == carrinhoVazio) {
           carrinhoDeCompras.innerHTML = `<section class="carrinho__produtos__produto">
            <span class="texto-azul">${quantidade}x</span> ${nomeProduto} <span class="texto-azul">R$${subTotal}</span>
            </section>`
            document.getElementById('quantidade').value = '';}
            else {carrinhoDeCompras.innerHTML = carrinhoDeCompras.innerHTML + `<section class="carrinho__produtos__produto">
            <span class="texto-azul">${quantidade}x</span> ${nomeProduto} <span class="texto-azul">R$${subTotal}</span>
            </section>`
            document.getElementById('quantidade').value = '';}   
              

    console.log (nomeProduto, preco, quantidade, subTotal);

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

function limpar(){
  total = 0
  document.getElementById('valor-total').textContent = `R$ ${total}`;  
  carrinhoDeCompras.innerHTML = carrinhoVazio;
}