• Resumo do projeto
• Objetivos de aprendizagem
• Orientações:
• Critérios de aceitação
• Links utéis:
• Dicas

A Pizzaria Patroni contratou os serviços da Sure you want to accept? para proporcionar aos seus garçons uma maneira mais rápida de calcular o valor total da conta e garantir maior agilidade no pagamento. Para isso, precisam de um programa que receba o número de pessoas na mesa, o valor da comanda e devolva quanto cada cliente daquela mesa precisará pagar.

⚠️ O restaurante oferece um desconto de 10% se o pagamento for feito via PIX ou em dinheiro, então o programa precisa ter a opção de inserir o meio de pagamento e calcular automaticamente esse desconto antes de exibir a conta final aos clientes.

Seu desafio é criar esse programa que será utilizado pelos garçons do estabelecimento, lembre-se de que será preciso inserir o número de pessoas na mesa, o valor total da conta e o método de pagamento. O programa então calculará o valor total com o desconto aplicado, bem como o valor que cada pessoa deve pagar.

Além disso, a Pizzaria Patroni já elaborou o layout do programa com um design específico, portanto, é importante seguir as diretrizes visuais fornecidas para garantir uma experiência consistente e profissional.

Nesse desafio utilizaremos o Figma que é uma ferramenta de design colaborativo baseada na web que permite criar, prototipar e colaborar em projetos de design de forma eficiente. Ele oferece recursos para criar interfaces de usuário, layouts, ícones e muito mais, além de permitir o trabalho em equipe em tempo real, facilitando a colaboração entre designers e desenvolvedores.

Layout do programa

• Saída de dados com console.log()
• Variáveis e constantes
• Entrada de dados com prompt()
• Entrada de dados e uso de variáveis
• Funções

• Uso de comandos de git: git add git commit git pull git push
• Gerenciamento de repositorios de GitHub (clone e fork)

HTML e CSS:

• Estruturação básica de um documento HTML
• Estilização de elementos usando CSS
• Uso de classes e IDs para aplicar estilos específicos
• Incorporação de imagens e outros recursos em um documento HTML
• Criação de formulários HTML para entrada de dados
• Modelo de Objeto de Documento (DOM):
• Manipulação de elementos HTML usando JavaScript
• Seleção de elementos por classes, IDs e tags
• Alteração de conteúdo, estilo e comportamento de elementos HTML dinamicamente
• Criação e remoção de elementos HTML via DOM

• O trabalho pode ser feito em dupla ou individual.
• O projeto deverá ser entregue subindo o seu código no GitHub (commit/push) em seguida o link do repositório deverá ser enviado na atividade na plataforma da Campinho Digital.

• Funcionalidade Básica: O programa deve permitir que o usuário insira o número de pessoas na mesa, o valor total da conta e o método de pagamento.

• Cálculo do Valor Total: O programa deve calcular corretamente o valor total da conta, levando em consideração o número de pessoas na mesa e o valor total da comanda.

• Aplicação de Desconto: O programa deve aplicar um desconto de 10% se o pagamento for feito via PIX ou em dinheiro.

• Divisão Equitativa: O programa deve calcular corretamente o valor que cada pessoa da mesa deve pagar, dividindo igualmente o valor total da conta entre o número de pessoas, após aplicação do desconto.

• Exibição de Resultados: O programa deve exibir corretamente o valor total da conta com desconto aplicado, bem como o valor que cada pessoa deve pagar.

• Suporte a Diferentes Métodos de Pagamento: O programa deve permitir que o usuário escolha entre diferentes métodos de pagamento, como PIX, dinheiro ou cartão, e aplicar o desconto corretamente de acordo com o método escolhido.

• Sugestões de Gorjeta: Adicionar sugestões automáticas de gorjeta com base no valor total da conta ou personalizadas pelo usuário.

Constantes Sintaxe e tipos Diferenças de var const e let Prompt Alert Convertendo String para Inteiro HTML HTML forms HTML DOM CSS

• Certifique-se de estar com a sua maquina configurada de acordo com as aulas vistas anteriormente.

• Lembre se que o método prompt() em JavaScript retorna uma string. Ele exibe uma caixa de diálogo que permite ao usuário inserir um texto e retorna esse texto como uma string. para efetuar uma operação matemática precisamos trabalhar com números ou seja será preciso converter nosso tipo string para um tipo number ⤵️

let stringNumero = "123";
let numeroInteiro = parseInt(stringNumero);
console.log(numeroInteiro); // Saída: 123

• os parênteses (()) são usados para controlar a ordem de avaliação das expressões em uma operação. Isso é conhecido como precedência de operadores.

let resultado = 2 + 3 * 4;
console.log(resultado); // Saída: 14

let resultado = (2 + 3) * 4;
console.log(resultado); // Saída: 20