Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

.value - quando precisa e quando não precisa?

Referente ao curso Lógica de programação: praticando com desafios, no capítulo Projeto Carrinho de Compras e atividade Calculando o valor do produto

por Isabelli Cristiane Moreno Navarro
| 39.9k xp | 1 posts

No trecho abaixo, porque o ".value" é necessário para usar a variável "quantidade", mas não é necessário para as variáveis "valorUnitario" e "nomeProduto"?

function adicionar(){
  let produto = document.getElementById('produto').value;
  let nomeProduto = produto.split('-') [0];
  let valorUnitario = produto.split('R$') [1];
  let quantidade = document.getElementById('quantidade');
  alert (nomeProduto);
  alert (quantidade.value);
  alert (valorUnitario);
  let preco = quantidade.value * valorUnitario
2 respostas
solução!
por Lorena Garcia
| 9646.9k xp | 14420 posts
Alura Scuba Team Suporte Educacional

Oii, Isabelli!

No seu código, o .value é usado para acessar o valor de um elemento de formulário, como um campo de entrada (input). Quando você usa document.getElementById('produto').value, você tá pegando o valor que tá dentro do campo de entrada com o id 'produto'.

No caso da variável quantidade, você precisa do .value porque quantidade é um elemento de entrada (input) e você quer o valor que o usuário digitou. Então, quantidade.value te dá esse valor.

Já para valorUnitario e nomeProduto, você tá manipulando uma string que já foi extraída do campo de entrada 'produto'. O produto já contém o valor do campo de entrada, porque você usou .value ao definir let produto = document.getElementById('produto').value;. A partir daí, produto é apenas uma string e não um elemento de entrada, então não precisa de .value novamente.

Um abraço e bons estudos.

por Filipe Oliveira
| 45.2k xp | 5 posts
Músico

Olá,

Finalizei essa aula