<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>formulario peso ideal</title> <script type="text/javascript"> //definimos la funcion function calculaIMC() { //declaramos las variables var peso, altura, imc, leyenda; //hacemos la llamada a los datos introducidos peso=document.getElementById("peso").value; altura=document.getElementById("altura").value/100; //calculamos el imc imc=peso/(altura*altura); //enviamos el resultado a la caja correspondiente y lo reducimos a 2 decimales document.getElementById("imc").value=imc.toFixed(2); //mediante if comparamos el resultado para determinar si es correcto el peso if(imc<=20.5) { //determinamos el defecto en peso y definimos el comentario leyenda="Estas delgado. Debes engordar " + (altura*altura*20.5-peso).toFixed(1) + " kilos"; } else if(imc>=25.5) { //determinamos el exceso en peso y definimos el comentario leyenda="Tienes sobrepeso. Debes adelgazar "+(peso-altura*altura*25.5).toFixed(1) +" kilos"; } else { leyenda="Estas en tu peso ideal"; } //enviamos el comentario a la caja correspondiente document.getElementById("leyenda").value=leyenda; } </script> </head> <body> <form name="f1" id="f1" action=""> <!--enmarcamos el formulario--> <fieldset> <!--le damos un nombre al marco--> <legend>CALCULO DEL PESO IDEAL IMC (Indice de Masa Corporal)</legend> <p>Peso en kg.: <!--definimos una caja donde introducir el dato del peso--> <input type="text" name="peso" id="peso" size="3" maxlength="4"> </p> <p>Altura en cm.: <!--definimos una caja donde introducir el dato de la altura--> <input type="text" name="altura" id="altura" size="3" maxlength="3"> <!--definimos un boton que hara la llamada a la funcion para calcular el imc--> <input type="button" value="Calcular IMC" onClick="calculaIMC()"> </p> <p> IMC: <!--definimos una caja donde la funcion devolvera el valor de imc calculado--> <input type="text" name="imc" id="imc" size="10" maxlength="15"> Leyenda: <!--definimos una caja donde la funcion escribira el comentario, definido en leyenda--> <input type="text" name="leyenda" id="leyenda" size="42"> </p> </fieldset> </form> </body> </html>