Carrinho de compras!

Projeto desenvolvido em HTML, CSS e JavaScript com foco em manipulação do DOM, cálculo de valores e atualização dinâmica de um carrinho de compras. O projeto simula a experiência básica de um carrinho: seleção de produtos, definição de quantidade, cálculo de subtotais e atualização do total da compra.

---

📌 Funcionalidades

• Selecionar produtos a partir de uma lista (select)
• Informar a quantidade desejada
• Calcular o subtotal de cada item
• Adicionar produtos dinamicamente ao carrinho
• Atualizar o valor total da compra em tempo real
• Limpar todos os itens do carrinho
• Resetar o valor total

---

Anotações pessoais!

• .split()[]
  Usado pra quebrar um texto em partes. O resultado é um array!
  O [] nesse contexto é usado pra fazer o acesso por índice.
  Exemplo:

  "10,20,30".split(",")[1]
  "10,20,30".split(",") → ["10", "20", "30"]<br>
  [1] → "20"

• .textContent Serve pra ler ou alterar texto de um elemento HTML.
  Trabalha somente com texto!
  Exemplos:
  1. Alterar
  document.getElementById("mensagem").textContent = "Olá mundo";
  → Olá mundo!
  2. Ler
  let texto = document.getElementById("mensagem").textContent;
  
  .textContent → texto puro
  .innerHTML → texto + tags HTML