Calcular IMC o Indice de Masa Corporal con Javascript
El indice de masa se calcula corporal o IMC dividiendo los kilogramos de pesos por el cuadrado de la estatura en kilogramos.
Vamos a hacer un script para calcular el IMC con html y javascript.
La formula del imc es:
IMC = peso / (altura*altura)
- El peso debe ser en kilogramos
- La altura en metros, si mides 170 centimetros es igual a 1.7 metros.
<html>
<head>
<title>Calculadora de Indice de Masa Corporal</title>
</head>
<body>
<h1>Calculadora de IMC: Indice de Masa Corporal</h1>
<!-- FORMULARIO HTML -->
<p>Ingrese peso (kg): <input type="text" id="kg"></p>
<p>Ingrese Altura (m): <input type="text" id="m"></p>
<button id="calc">Calcular</button>
<p>IMC: <span id="imc"></span></p>
<p>Lectura: <span id="lectura"></span></p>
<!-- SCRIPT PARA CALCULAR IMC -->
<script type="text/javascript">
calc = document.getElementById("calc");
kg = document.getElementById("kg");
m = document.getElementById("m");
imc = document.getElementById("imc");
lectura = document.getElementById("lectura");
calc.onclick = function(){
if(kg.value!="" && m.value!=""){
imcx = (kg.value / (m.value* m.value));
imc.innerHTML = imcx
console.log(imcx);
if(imcx<18.5){ lectura.innerHTML = "Peso inferior al normal"; }
else if(imcx>=18.5 && imcx<=24.9){ lectura.innerHTML = "Peso normal"; }
else if(imcx>=25 && imcx<=29.9){ lectura.innerHTML = "Peso superior al normal"; }
else if(imcx>30){ lectura.innerHTML = "Obesidad"; }
}else{
alert("Debes ingresar peso y altura.")
}
};
</script>
</body>
</html>
El código se divide en 2 partes, una parte es el formulario y otra parte es el código javascript.
El IMC genera unas lecturas que van de la siguiente forma:
- Si el IMC es menor a 18.5 quiere decir que el peso es inferior al normal
- Si el IMC es mayor que 18.5 y menor a 24.0 quiere decir que el peso es normal
- Si el IMC es mayor que 25 y menor a 29.9 quiere decir que el peso superior al normal
- Si el IMC es mayor que 30 quiere decir que hay obesidad.
Probando el script
Para probar el script solo debemos copiar el código y guardarlo en un archivo con nombre HTML, por ejemplo imc.html, después solo debemos abrir el archivo imc.html en el navegador.
Muchas gracias por la informacion .
Espero sigan subiendo mas contenido.