Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Finalizado o Projeto do Carrinho de Compras

Finalizei meu projeto com o acréscimo de algumas aplicações.

Primeiro, coloquei um alerta para instruir o usuário a colocar uma quantidade no produto escolhido, sem o preenchimento do campo quantidade, não é possível realizar a continuação do programa.

if (!quantidade) {
    alert("Preencha o campo");
    return;
  }

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

Segundo, acrescentei uma condicional, se o mesmo produto for acrescentado mais de uma vez, alerte o usuário que esse o o produto já foi incluso no carrinho .

Para isso, criei um array fora da função

let produtosNoCarrinho = [];

E a condicional dentro da função


if (produtosNoCarrinho.includes(nomeProduto)) {
    alert(`${nomeProduto} já foi adicionado ao carrinho.`);
    return;
 }
 

Utilizamos do método includes para verificar se o nomeProduto, já está dentro do array.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Se clicarmos em adicionar mais uma vez, será exibido o alerta:

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

Caso essa condição seja falsa, partiremos para a linha mais abaixo do código.


produtosNoCarrinho.push(nomeProduto);

O método push acrescenta no array os item que temos no projeto.

Ao final, como visto, Apliquei a formatação de moeda com o comando .toLocaleString, nas variáveis preço e valor total


valorTotal.textContent = totalGeral.toLocaleString("pt-BR", {
    style: "currency",
    currency: "BRL",
  });
  
1 resposta
solução!

Olá, João! Tudo bem?

Parabéns por finalizar o projeto do carrinho de compras!

As funcionalidades que você implementou são bem úteis para melhorar a experiência do usuário. Vou te ajudar com a parte de atualizar o valor total do carrinho e limpar o carrinho.

Continue assime bons estudos!