índice
Página anterior
Cálculo do IMC
Código para a Tabela
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8"/>
<meta name="description" content="Cálculo do IMC - JavaScript"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title> JS Calculo IMC Aula 14</title>
<link rel="stylesheet" type="text/css" href="css/style_calculo_imc.css" media= "all"/>
<script type = "text/javascript" src= "js/calculo_imc.js"></script>
<style type="text/css">
img, table{ width:185px; }<!--aumenta a largura da tabela-->
fieldset { width:140px; }
label { display: block: float: left; }
label, input { width: 88px; margin: 6px 0;}
<!-- 88 largura das caixas de entrada (campo de input)-->
th, td {border: 1px solid #FFF; font-size: 16px; }
</style>
</head>
<body>
<div id= "div">
<img src="img/images (1).jpg" alt="imc" />
<h2>;Cálculo do IMC</h2><br>
<form id= "formulario">;<br>
<fieldset><br>
<legend>Cálculo do IMC</legend><br>
<label for="kilos">Kilos:</label><br>
<input type= "text" name="kilos" /><br>
<label for="metros">Metros:</label><br>
<input type= "text" name="metros" /><br>
<label for="centimetros">Cm:</label><br>
<input type= "text" name="centimetros" /><br>
<label for="imc">IMC:</label><br>
<input type= "text" name="imc" disabled="disabled" /><br>
<label for="mensagem">Mensagem:</label><br>
<input type= "text" name="imc" disabled="disabled" /><br>
<a href="#" onclick="calcularIMC();">Calcular</a><br>
<table><br>
<tr><th>IMC</th><th>Classificação</th></tr><br>
<tr><td>< 20</td><td>Abaixo do Peso</td></tr><br>
<tr><td>20 a 25</td><td>Peso Ideal</td></tr><br>
<tr><td>25 a 30</td><td>Sobrepeso</td></tr><br>
<tr><td>30 a 35</td><td>Obesidade Moderada</td></tr><br>
<tr><td>35 a 40</td><td>Obesidade Severa</td></tr><br>
<tr><td>40 a 50</td><td>Obesidade Mórbida</td></tr><br>
<tr><td>>50</td><td>Super Obesidade</td></tr><br>
</td>
</table><br><br>
</fieldset><br>
</form><br>
/*Documento JS calculo_imc.js
metodo : calcularIMC
autor : Maria Adalgisa de Souza
descrição : Calcula o índice de massa corporal - IMC*/
function calcularIMC() {
var formulario = document.getElementById("formulario");
var kilos = parseInt(formulario.kilos.value); /*pode ser usado o método
parseInt que (transforma a string em um valor numérico) ou o operador
unário + esse operador força a conversão (somente em valor positivo*/
var metros = +formulario.metros.value;
var centimetros = +formulario.centimetros.value;
/*alert (typeof(kilos)); exibe o tipo*/
var altura = (metros * 100 + centimetros)/100;
alert(altura);
var imc = kilos / (altura * altura);
formulario.imc.value = imc.toFixed(2);/*o método toFixed(2) apresenta o número
de casas decimais desejadas para o valor, nesse caso duas casas*/
if (imc <= 20){
alert("Abaixo do peso");
}else if (imc > 20 && imc <= 25){
alert("Peso ideal");
}else if (imc > 25 && imc <= 30){
alert("Sobrepeso");
}else if (imc > 30 && imc <= 35){
alert("Obesidade Moderada");
}else if (imc > 35 && imc <= 40){
alert("Obesidade Severa");
}else if (imc > 40 && imc <= 50){
alert("Obesidade Mórbida");
}else{
alert("Super Obesidade");
}
}
/*alert(kilos);
alert(metros);
alert(centimetros);
alert(imc);}*/