drFabio / coding-club-pizza-calculator

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Introducão à HTML, CSS ,JS e gerenciamento de layouts

Como rodar esse código:

  1. Abra um console (ctrl+ shift+p no windows cmd+shift+p no mac) , digite "Create new terminal"
  2. Uma janela vai se abrir, digite "npm i"
  3. digite "npm run start"
  4. Abra o navegador em localhost:3000

Aula

Calculadora de pizza, utilizando-se de HTML, CSS e Javascript

  • Uma forma de selecionar os sabores;
  • Uma forma de dizer quanto de cada sabor nós queremos;
  • A calculadora deve dizer quantas pizzas precisamos

Ex: Marguerita 2X, Calabresa 1X, Lombo 3X.

Resultado possível 1: Meio marguerita, Meio Lombo Inteira de calabresa

Resultado possível 2: Meio marguerita, Meio Calabresa Inteira Lombo

Nota

HTML- Estrutura CSS - Decoracao JS - Comportamento

Tarefas

  1. Adicione o preco individual de pizzas no resumo de pizzas, por exemplo: "3 margheritas por 27 € (9 cada)"
  2. Adicione um novo sabor de pizzas (Nota: Vamos ter que adicionar no cardápio E NO HTML)
  3. Bônus: Descubra como limpar a quantidade ao clickar no botão Add. a. Exemplo, Usuário colocou 4 fatias de margherita b. Ao clickar em add o valor que no momento permanece como 4 iria para 0

About


Languages

Language:JavaScript 81.2%Language:HTML 9.8%Language:CSS 9.0%