Calcular IMC o Indice de Masa Corporal con Javascript

 in Examples / Web Development by

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.

Leave a comment

One thought on “Calcular IMC o Indice de Masa Corporal con Javascript”