Este é um aplicativo simples de sacola de compras implementado usando HTML, CSS e JavaScript.
O aplicativo Bag JS permite que os usuários gerenciem sua sacola de compras, adicionando ou removendo itens. Ele exibe os produtos, seus preços, quantidades e valores totais dinamicamente. A interface do usuário foi projetada para ser responsiva e amigável.
- Adicionar itens à sacola de compras.
- Remover itens da sacola de compras.
- Atualizar quantidades e valores totais dinamicamente.
- Design responsivo para vários tamanhos de tela.
Para usar o aplicativo Bag JS, siga estas etapas:
- Faça o download ou clone o repositório em sua máquina local.
- Abra o arquivo
index.html
em um navegador da web.
- Clique no ícone "+" para adicionar um item à sacola de compras.
- Clique no ícone "-" para remover um item da sacola de compras.
- As quantidades e os valores totais serão atualizados automaticamente.
- HTML
- CSS
- JavaScript
- Bootstrap (framework CSS)
- Font Awesome (biblioteca de ícones)
- jQuery (biblioteca JavaScript)
O código JavaScript consiste em três funções principais:
-
addItem(item)
: Esta função é chamada quando um item é adicionado à sacola de compras. Ela atualiza a quantidade e o valor total para o item especificado. -
removeItem(item)
: Esta função é chamada quando um item é removido da sacola de compras. Ela atualiza a quantidade e o valor total para o item especificado. -
valueBuy()
: Esta função calcula o valor total da sacola de compras somando os valores totais de todos os itens.
As imagens usadas no aplicativo são obtidas do Unsplash.