pagina do carrinho

Ola, tudo bao?

quanto foi zerar os elementos da pagina eu simplesmente apagei no arquivo html. na aula eles fizeram diferente. achei mais facil apagar mas me parece que ta errado. segue meu codigo js levemente diferente pq foi fazendo e depois conferindo com o dos professores

let carrinho = document.getElementById('lista-produtos');
let total = document.getElementById('valor-total');
let valorTotal;
limpar()

function adicionar() {
//recuperar valores nome do produto, quantidade e valor 

    let produto = document.getElementById('produto').value;
    let nomeProduto = produto.split('-')[0];
    let valorUnitario = parseInt(produto.split('R$')[1]);
    let quantidade = document.getElementById('quantidade').value;

//calcular o preço, o nosso subtotal 

    let preco = quantidade * valorUnitario;  

//adicionar no carrinho 
    
    carrinho.innerHTML = carrinho.innerHTML + `
        <section class="carrinho__produtos__produto">
          <span class="texto-azul">${quantidade}x</span> ${nomeProduto} <span class="texto-azul">R$${preco}</span>
        </section>`;    

//atualizar o valor total
    
    valorTotal = valorTotal + preco;
    total.innerHTML = `R$${valorTotal}`;
    document.getElementById('quantidade').value = " ";

}

function limpar() {
    quantidade.value = ' ';
    carrinho.innerHTML =' ';
    valorTotal = 0;
    total.innerHTML = `R$${valorTotal}`;
}