Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Dúvida sobre as variáveis preco e valorUnitario

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, o nosso subtotal
    let preco = quantidade * valorUnitario;
    let carrinho = document.getElementById('lista-produtos');
    carrinho.innerHTML = carrinho.innerHTML + `<section class="carrinho__produtos" id="lista-produtos">
    <section class="carrinho__produtos__produto">
      <span class="texto-azul">${quantidade}x</span> ${produto} <span class="texto-azul">R${valorUnitario}}</span>
    </section>`


}

Ali onde coloquei em negrito ${produto} e ${valorUnitario}, coloquei diferente da professora (ela usou ${nomeProduto} e ${preco}, mas funcionou. Será que dá problema para as demais etapas?

2 respostas
solução!

Oi, dev! Tudo bem?

A variável ${produto} contém o nome do produto e o valor unitário juntos, e a variável ${valorUnitario} contém apenas o valor unitário do produto. Dessa forma, inicialmente não há problema em usá-las, pois ainda estamos exibindo as informações corretas. Porém, usar ${nomeProduto} e ${preco} se torna mais adequado para futuras manipulações de dados, pois nessas variáveis separamos o nome do produto e o preço em variáveis diferentes, o que pode ser útil se, por exemplo, quisermos trabalhar apenas com o nome do produto ou apenas com o preço em algum momento.

Em um exemplo prático se quisermos aplicar um desconto de 10% em todos os produtos e tivermos o preço em uma variável separada (preco), poderemos facilmente calcular o novo preço com um desconto, porém se o preço estiver junto com o nome do produto (como em sua variável produto), teremos que primeiro separar o preço do nome do produto antes de poder calcular o desconto.

Espero ter ajudado! Caso tenha ficado alguma dúvida, sinta-se à vontade em comunicar, estou à disposição!

Um forte abraço e bons estudos!

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

Obrigada!