1
resposta

Verificação de campo zerado

Nesse projeto tambem faltou tratar o campo da quantidade, caso ele seja zerado.

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, e subtotal
   if (quantidade == 0) {
        alert('Quantidade não pode ser Zero');
   } else {
        let preco = quantidade * valorUnitario;

        //adicionar no carrrinho
        let carrinho = document.getElementById('lista-produtos');
        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>
        </section>`

        //atualiza o valor total
        totalGeral = totalGeral + preco;
        let campoTotal = document.getElementById('valor-total');
        campoTotal.textContent = `R$ ${totalGeral}`;
        document.getElementById('quantidade').value = 0;
   }

}

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

Oi, Claudinei! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

Parabéns pela observação! Você percebeu bem que o tratamento do campo quantidade poderia ser feito para evitar valores zerados. Isso mostra atenção aos detalhes e cuidado com a experiência do usuário.

Uma dica interessante para o futuro é validar também se o valor é numérico antes de prosseguir. Veja este exemplo:


function adicionar() {
  const produto = document.getElementById('produto').value;
  const nomeProduto = produto.split('-')[0].trim();
  const valorUnitario = parseFloat(produto.split('R$')[1]);
  const quantidade = parseInt(document.getElementById('quantidade').value);

  if (isNaN(quantidade) || quantidade <= 0) {
    alert('Digite uma quantidade válida.');
    return;
  }
}

Esse código verifica se o número é válido antes de continuar o cálculo.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!