Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá, Enzo! Tudo bem?
Vou listar algumas sugestões e problemas que verifique para você aplicar para resolver o problema do NaN e da adição de itens no carrinho.
Valor Unitário: Parece que há um erro na linha onde você está tentando obter o valorUnitario. A atribuição está incorreta. Deve ser:
let valorUnitario = produto.split('R$ ')[1];
Conversão de String para Número: Certifique-se de que valorUnitario está sendo convertido para um número. Você pode usar parseFloat para isso:
let valorUnitario = parseFloat(produto.split('R$ ')[1]);
Quantidade: Você já corrigiu a questão do .value na quantidade, mas na linha do cálculo do preço, você está usando quantidade.value. Corrija para:
let preco = quantidade * valorUnitario;
Concatenar Itens no Carrinho: Certifique-se de que está usando += para adicionar novos itens ao carrinho, como já está fazendo:
carrinho.innerHTML += `<section class="carrinho__produtos__produto">
<span class="texto-azul">${quantidade}x</span> ${nomeProduto} <span class="texto-azul">R$${preco.toFixed(2)}</span>
</section>`;
Revise essas alterações no seu código e veja se resolve o problema.
Espero ter ajudado e bons estudos!