-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
91499b7
commit f12a1d7
Showing
1 changed file
with
69 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,69 @@ | ||
# Calculo-de-itens | ||
Projeto final do modulo Front End Dinâmico (JS DOM) do Santander-Coders | ||
|
||
--- | ||
|
||
## *Projeto realizado em Dupla* | ||
### Alunas do Santander Coders 2023 | 2º Semestre - JS (3) | #1122 | ||
![ada](https://lms-ada-assets.s3.sa-east-1.amazonaws.com/logo_small.svg)<img src="https://ada-strapi-production.s3.sa-east-1.amazonaws.com/Group_513135_f80e716564.svg" style="width: 60px ; margin: 20px ;" alt="santander-coders"> | ||
|
||
[Vanessa](https://github.com/nessalive) | ||
|
||
[Ana Carolina](https://github.com/Ana-CAS-Machado) | ||
|
||
# Objetivo | ||
|
||
O objetivo desta atividade é desenvolver uma calculadora chamada "Piquenique Certo" que tem o intuito de calcular os itens para um piquenique. A página deve funcionar em 3 passos, sendo que cada passo pode ser uma tela montada dinamicamente dentro do mesmo arquivo HTML ou simplesmente os componentes sendo atualizados dinamicamente. | ||
|
||
#### Requisitos | ||
|
||
1. O primeiro passo deve exibir 4 campos para digitar "nome, e-mail e CEP além de checkbox de consentimento com o texto "aceito receber e-mails com promoções". | ||
- Os campos "nome", "e-mail" e CEP devem ser obrigatórios; | ||
- O campo "e-mail" deve conter um e-mail válido; | ||
- O checkbox deve ser carregado marcado automaticamente; | ||
- Caso algum campo esteja inválido, deve haver uma indicação visual na tela; | ||
- Uma vez que o usuário já tenha preenchido estes campos, não devemos solicitá-los novamente após a página ser recarregada. | ||
|
||
2. O passo seguinte deve conter 3 ou 4 campos para indicar a quantidade de pessoas entre (homens, mulheres/adultos, crianças e pessoas que bebem bebidas alcoólicas). | ||
- Os campos devem permitir somente inteiros não negativos; | ||
|
||
3. O terceiro passo deve exibir uma tabela com o resultado do cálculo com a quantidade indicada para cada um dos itens. Os itens são: Sanduíches naturais, Salgados assados, Frutas picadas, refrigerante, água, Torradas com geleia ou manteiga, gelo e Pipoca. | ||
- Tabela de referência(sugestão) | ||
- Sanduíches naturais | ||
- 0,4 KG por homem; | ||
- 0,32 KG por mulher; | ||
- 0,20 KG por criança; | ||
- Pipoca | ||
- 2 por adulto; | ||
- 1 por criança; | ||
- Torradas com geleia | ||
- 1 KG por pessoa; | ||
- Salgados assados | ||
- 0,04 KG por pessoa; | ||
- Gelo | ||
- 5KG a cada 10 pessoas; | ||
- Refrigerante | ||
- 1 garrafa de 2L a cada 5 pessoas; | ||
- Água | ||
- 1 garrafa de 1L a cada 5 pessoas; | ||
- Frutas picadas | ||
- 3 pacotes de 600ml por pessoa | ||
|
||
## Critérios | ||
|
||
> 1. A calculadora deve funcionar corretamente e atender aos requisitos especificados; | ||
>>2. O código deve fazer uso de seletores e métodos para manipulação do DOM; | ||
>>>3. O código deve fazer uso de adição e remoção de classes e estilização através do Javascript; | ||
>>>>4. O código deve fazer uso de eventos ligados aos elementos da página; | ||
>>>>>5. O código deve fazer uso de armazenamento no browser (Web Storage API); | ||
>>>>>>6. O código deve fazer uso de chamadas assíncronas e seus derivados. | ||
## Paginas | ||
|
||
Documentos HTML JS **Index** foi feita pelas duas alunas, coma ajuda do Professor *Murilo Flesch*. | ||
|
||
Documentos HTML CSS JS **Segunda-Pagina** Feita inteiramente pela aluna *Vanessa*. | ||
|
||
Documentos HTML CSS JS **Terceira-Pagina** Feita inteiramente pela aluna *Ana Carolina*. | ||
|
||
Modo Claro e Escuro feitos pelas alunas *Ana Carolina* e *Vanessa* |