El indice de masa se calcula corporal o IMC dividiendo los kilogramos de pesos por el cuadrado de la estatura en kilogramos.
💡 ¿Quieres aprender más? Este artículo es parte de nuestra Recopilación de Plugins JavaScript y jQuery → donde encontrarás más de 20 tutoriales gratuitos esperándote para llevar tus habilidades al siguiente nivel.
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.
Codigo
El codigo fuente del ejemplo es basicamente puro HTML donde creamos la estructura de la pagina y el formulario para ingresar los datos.
En la etiqueta script escribimos el codigo javascript para obtener los datos de el formulario, hacer los calculos y ofrecer el resultado, peso inferior, peso normal, peso superior y obesidad.
<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");
alc.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 Índice de Masa Corporal (IMC) proporciona rangos estandarizados que permiten evaluar el estado nutricional de una persona. Las lecturas se categorizan de la siguiente manera:
Bajo peso: IMC menor a 18.5. Indica un peso inferior al rango saludable.
Peso normal: IMC entre 18.5 y 24.9. Es el rango considerado óptimo y saludable.
Sobrepeso: IMC entre 25.0 y 29.9. Indica un peso superior al normal.
Obesidad: IMC de 30.0 o más. Requiere atención especial para prevenir riesgos de salud.
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.
No es necesario un servidor como XAMPP para ejecutar este script.
Conclusion
Esta calculadora de IMC en javascript es una herramienta que sirve para estar monitoreando tu IMC si estas a dieta o en tratamiento para sobrepeso.
Tambien es una buen ejemplo para practicar Javascript.
¿Necesitas un software de ventas listo para producción?
Inventio Max es la solución profesional con soporte para múltiples almacenes, reportes avanzados y gestión de usuarios.
Ver Inventio Max – Sistema de Inventario y Ventas Profesional →
Muchas gracias por la informacion .
Espero sigan subiendo mas contenido.