Skip to content

Calculadora IMC šŸ’š - ApresentaĆ§Ć£o em modais - Stage05, Project 02 - Rocketseat - Explorer

Notifications You must be signed in to change notification settings

higomoreiraq/calculadora-imc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Ā 

History

7 Commits
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 

Repository files navigation

Calculadora IMC šŸ’š

AplicaĆ§Ć£o de uma calculadora IMC com apresentaĆ§Ć£o de informaƧƵes em modais.

image

DescriĆ§Ć£o

Ao inserir as informaƧƵes de medidas solicitadas, serƔ apresentado ao usuƔrio atravƩs de um modal, o seu valor IMC e tambƩm a respectiva faixa de obesidade em que se encontra.

Os dados devem ser inseridos nas unidades de medida quilograma(kg) e centĆ­metros(cm) respectivamente, conforma solicitado na pĆ”gina. Caso o usuĆ”rio insira valores em unidades de medidas diferentes a esses, o Ć­ndice apresentado nĆ£o serĆ” real.

Se inserir tambĆ©m qualquer outra informaĆ§Ć£o diferente dos nĆŗmeros solicitados (como por exemplo: texto, espaƧamentos, espaƧo em branco, caracteres especiais, etc), serĆ” apresentado um erro atravĆ©s de modal no canto superior da tela com a mensagem "Digite somente nĆŗmeros".

Por fim, na pĆ”gina principal, no canto superior direito, existe o botĆ£o "(?)", onde clicando nele, o usuĆ”rio terĆ” acesso aos parĆ¢metros utilizados nessa aplicaĆ§Ć£o. Contendo tambĆ©m o link da pĆ”gina de referĆŖncia para consulta.

Tecnologias utilizadas:

  • HTML;
  • CSS;
  • JavaScript.

Preview

Para conferir a aplicaĆ§Ć£o, acesse:

Contato

bio

Screenshots

image image image image

šŸŒŽ English

BMI Calculator šŸ’š

Application of a BMI calculator with information presentation in modals.

Description

When entering the requested measurement information, it will be presented to the user through a modal, your BMI value and also the obesity range you are in.

The data must be entered respectively in the units of measurement kilogram (kg) and centimeters (cm), as requested on the page. If the user enters values in units of measurement different from these, the index displayed will not be real.

Also enter any other information other than the requested numbers (such as text, spaces, white space, special characters, etc.), an error will be displayed through the modal in the upper corner of the screen with the message "Enter numbers only".

Finally, on the main page, there is no upper right in the application, there is a button "(?)", clicking when clicking, the user will have access to the parameters used in it. Also containing the link to the reference page for consultation.

Technologies used:

  • HTML;
  • CSS;
  • Javascript.

Preview

To check the application, go to:

Contact

bio

About

Calculadora IMC šŸ’š - ApresentaĆ§Ć£o em modais - Stage05, Project 02 - Rocketseat - Explorer

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published