AplicaĆ§Ć£o de uma calculadora IMC com apresentaĆ§Ć£o de informaƧƵes em modais.
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.
- HTML;
- CSS;
- JavaScript.
Para conferir a aplicaĆ§Ć£o, acesse:
Application of a BMI calculator with information presentation in modals.
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.
- HTML;
- CSS;
- Javascript.
To check the application, go to: