1
resposta

Duvida, não estou conseguindo adicionar itens no carrinho e os valores mostra com NaN

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

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.

  1. 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];
    
  2. 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]);
    
  3. 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;
    
  4. 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!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.