Resolução atividade - Adicionando no carrinho com sub-totais

function adicionar() {
    // recuperar valores, nome do produto, qtd e valor
    let produto = document.getElementById("produto").value;
    let nomeProduto = produto.split('-')[0];
    let valorUnitario = produto.split('R$')[1]
    let quantidade = document.getElementById("quantidade").value;

    // calcular o preço
    let preco = quantidade * valorUnitario

    // adicionar o produto no carrinho
    let carrinho = document.getElementById("lista-produtos")
    carrinho.innerHTML = carrinho.innerHTML + `<section class="carrinho__produtos__produto">
          <span class="texto-azul">${quantidade}</span> ${nomeProduto} <span class="texto-azul">R$${preco}</span>
        </section>`;

    // atualizar o valor total

}

Minha resolução da atividade(aceito sujestões de melhores resoluções desta atividade