Projeto Loja virtual
Estou tentado carregar os dados do carrinho na tela de modal, ja tentei varias formas mas não vai!!
Alguem tem uma dica!!
Agradeço!!
Heloise Cardoso @HeloiseCardosoBom dia @monicacosta, vou tentar explicar o passo a passo que percorri, espero que possa te dar um direcionamento =) .
1.abrirModal()
a função abrirModal() percorre o array carrinhoCompras, que representa o carrinho de compras, e cria elementos HTML para cada produto presente no carrinho. Esses elementos são adicionados como filhos do elemento com ID 'divRowCarrinho', o que faz com que os produtos sejam exibidos dentro do modal do carrinho. Essa função é usada para preencher o modal do carrinho com os produtos atualmente presentes no carrinho de compras.2.limparModal()
Também tive que criar uma função limparModal() do carrinho antes de preenchê-lo novamente com os produtos atualizados, por exemplo, quando o usuário adiciona mais produtos ou altera a quantidade de produtos no carrinho.3.adicionarProduto()
Criei um função adicionarProduto() que procura um produto no JSON de produtos com base no id fornecido, verifica se ele ainda não está no carrinho de compras(representado por um array ) e, se não estiver, adiciona-o ao carrinho com quantidade 1. Se o produto já estiver no carrinho, apenas incrementa a quantidade do produto no carrinho em 1.4.verificarProdutoCarrinho()
verificarProdutoCarrinho percorre o array carrinhoCompras, que representa o carrinho de compras, e verifica se já existe um produto com o mesmo id do idProduto fornecido como parâmetro. Se o produto já estiver no carrinho, sua quantidade no carrinho é incrementada em 1 e a função retorna true. Se o produto não estiver no carrinho, a função retorna false. Essa função é usada na função adicionarProduto para evitar a duplicação de produtos no carrinho e apenas incrementar a quantidade do produto se ele já estiver presente.
Mônica Rosa da Costa @monicacostaHeloisa o que acontece é que fiz todas essas etapas, mas quando é para ser mostrado no modal, não aparece. Mas assim decidir entregarm, e vou continuar, e usar o bootstrap para ficar melhor. Perdir muito tempo! Mas esta sendo uma otima experiência de apreendizado.
Vou seguir essas dicas.
Obrigada pela ajuda! @HeloiseCardoso