[Dúvida] Valor NaN

Boa tarde! Estou tendo dificuldades nesse modulo final, por isso estou seguindo o passo a passo das aulas depois de quebrar um pouco a cabeça para estruturar o código, mas agora empaquei em uma parte que não tenho ideia do que fazer. Não importa o que eu mude no código, sendo os .value ou outra coisa, o valor dos meus itens está ficando como NaN quando adiciono ao carrinho, sei que está faltando alguma coisa, só não sei onde :(

function adicionar() {
  //recuperar nome e valor do prouto
  //separar o produto em 2 arrays com o .split. Pegando a primeira posição sendo 0
    
    let produto = document.getElementById('produto').value;
    let nomeProduto = produto.split('-')[0]; 
    let valorUnitario = produto.split('R$')[1];
    let quantidade = document.getElementById('quantidade').value;
   
   //calcular preço
    let preco =  quantidade.value * valorUnitario;
    let carrinho = document.getElementById('lista-produtos');
    
    //adicionar ao 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>`;
}  
    function limpar() {


    }