Bem-vindo ao Carrinho de Compras! Este projeto é uma aplicação web que simula um carrinho de compras básico. Ele permite adicionar produtos, especificando a quantidade desejada, e exibe o valor total da compra em tempo real.
https://carrinho-de-compras-one-phi.vercel.app
-
Adicionar Produtos: Escolha um produto e especifique a quantidade desejada.
-
Atualização em Tempo Real: O carrinho é atualizado dinamicamente à medida que os produtos são adicionados.
-
Limpar Carrinho: Remova todos os produtos do carrinho com um clique.
- Escolha um produto no menu suspenso e insira a quantidade desejada.
- Clique em "Adicionar" para incluir o produto no carrinho.
- O carrinho exibirá a lista de produtos adicionados, a quantidade, o preço unitário e o preço total.
- Clique em "Limpar" para remover todos os produtos do carrinho.
-
CSS: O estilo da aplicação é definido no arquivo
style.css
. -
JavaScript: A lógica de adicionar produtos, calcular o preço e limpar o carrinho está implementada no arquivo
app.js
.
- Clone este repositório em sua máquina local.
- Abra o arquivo
index.html
em um navegador web moderno. - Escolha um produto, insira a quantidade e clique em "Adicionar" para ver o carrinho sendo atualizado.
- Experimente clicar em "Limpar" para remover todos os produtos do carrinho.
Divirta-se explorando o Carrinho de Compras! 🛒✨