[Dúvida] adicionar no carrinho | Lógica de programação: praticando com desafios

Não estou conseguindo adicionar itens no carrinho

function adicionar(){
//recuperar valores nome do produto, quantidade 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, nosso subtotal
let preco = quantidade * valorUnitario;


//adicionar no carrinho
let carrinho = document.getElementById('lista-produdos');
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 da compra
}


function limpar(){

}

Olá, Victor! Pelo que entendi, você está enfrentando dificuldades para adicionar itens ao carrinho no seu projeto de lógica de programação. Vamos tentar resolver isso juntos!

Notei um pequeno erro de digitação no seu código que pode estar causando o problema. No momento de recuperar o valor unitário do produto, você está tentando acessar a parte do preço com split('R$')[1], mas é importante garantir que a string que você está dividindo contém o espaço após o 'R$', como mostrado no contexto da aula. Então, você deve usar split('R$ ')[1] (observe o espaço após o 'R$').

Além disso, no seu código, você está tentando acessar o valor da quantidade diretamente, mas esqueceu de pegar o valor usando .value. Você declarou let quantidade = document.getElementById('quantidade'), mas para obter o valor, você deve usar let quantidade = document.getElementById('quantidade').value.

Aqui está como seu código deveria ficar corrigido:

function adicionar(){
    // Recuperar valores: nome do produto, quantidade e valor
    let produto = document.getElementById('produto').value;
    let nomeProduto = produto.split('-')[0];
    let valorUnitario = produto.split('R$ ')[1]; // Certifique-se de incluir o espaço após 'R$'
    let quantidade = document.getElementById('quantidade').value; // Use .value para obter o valor

    // Calcular o preço, nosso subtotal
    let preco = quantidade * valorUnitario;

    // Adicionar no carrinho
    let carrinho = document.getElementById('lista-produtos');
    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 da compra
    // Aqui você pode adicionar o código para atualizar o total
}

Espero que essas correções ajudem a resolver o problema de adicionar itens ao carrinho.

Mergulhe em programação