Estoy trabajando en este codigo y ya pense que lo habia terminado cuando me pidieron al momento de imprimir los resultados de los calculos ademas del valor saliera en nombre de la persona que aporta ese dato
por ejemplo tengo este resultado "el miembro con mayor edad tiene [entero mayor de variable años]"
pero deberia quedar por ejemplo "el miembro con mayor edad tiene[valor] años y su nombre es [aqui deberia mostar el nombre de la persona que tiene el mayor peso]
el codigo es este:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<script type="text/javascript">
function operacion() {
var e1=document.getElementById("edad1").value;
var e2=document.getElementById("edad2").value;
var e3=document.getElementById("edad3").value;
var d1=document.getElementById("estatura1").value;
var d2=document.getElementById("estatura2").value;
var d3=document.getElementById("estatura3").value;
var f1=document.getElementById("peso1").value;
var f2=document.getElementById("peso2").value;
var f3=document.getElementById("peso3").value;
var imc1,imc2,imc3;
imc1=f1/(d1*d1);
imc2=f2/(d2*d2);
imc3=f3/(d3*d3);
var modificar=document.getElementById("oper").value;
switch (modificar){
case "Miembro con mayor edad" :
document.getElementById("mensaje").innerHTML=(' El miembro con mayor edad tiene: ' + Math.max(e1,e2,e3)+ ' años');
break;
case "Miembro con menor edad" :
document.getElementById("mensaje").innerHTML=(' El miembro con menor edad tiene: ' + Math.min(e1,e2,e3)+ ' años');
break;
case "Miembro con mayor estatura" :
document.getElementById("mensaje").innerHTML=(' El miembro con mayor estatura tiene: ' + Math.max(d1,d2,d3)+ ' cm');
break;
case "Miembro con menor estatura" :
document.getElementById("mensaje").innerHTML=(' El miembro con menor estatura tiene: ' + Math.min(d1,d2,d3)+ ' cm');
break;
case "Miembro con mayor peso" :
document.getElementById("mensaje").innerHTML=(' El miembro con mayor peso tiene: ' + Math.max(f1,f2,f3)+ ' kg');
break;
case "Miembro con menor peso" :
document.getElementById("mensaje").innerHTML=(' El miembro con menor peso tiene: ' + Math.min(f1,f2,f3)+ ' kg');
break;
case "Miembro con mayor IMC(indice de masa corporal)" :
document.getElementById("mensaje").innerHTML=(' El miembro con mayor IMC tiene: ' + Math.max(imc1,imc2,imc3)+ ' Kg/m2');
break;
case "Miembro con menor IMC(indice de masa corporal)" :
document.getElementById("mensaje").innerHTML=(' El miembro con menor IMC tiene: ' + Math.min(imc1,imc2,imc3)+ ' Kg/m2');
break;
}
}
</script>
<link rel="stylesheet" type="text/css" href="http://aulas.utbvirtual.edu.co/theme/standard/styles.php" />
<link rel="stylesheet" type="text/css" href="http://aulas.utbvirtual.edu.co/theme/savio2010/styles.php" />
<title>Práctica Objetos y Funciones</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style>
body{ background-color:#F0f0FA; font-size:14px;}
h1{font-size:1.5em;color:#6363B3}
legend{color: #6969C9}
fieldset{ width:400px; border:1px solid blue; color:#363636; margin-bottom:5px;}
label {color: #363636;margin-right:10px;}
</style>
</head>
<body>
<h1>Gimnasios de Cartagena</h1>
<form action="#" method="post" id="formulario">
<label for="gim">Gimnasio:</label><select name="gimnasio" id="gim"><option value="BODYTECHPOPA">BODY TECH Pie de la POPA</option><option value="BODYTECHBOCAGRANDE">BODY TECH Bocagrande</option><option value="ATLANTIS">Atlantis</option><option value="SILUETA">Silueta Sport</option></select>
<p>Digite los datos de 3 miembros del gimnasio y haga clic en el botón<p>
"Enviar Datos" para ver los reportes.</p>
<fieldset>
<legend>Datos Miembro 1</legend>
<label for="nombre1">Nombre:</label><input type="text" name="nom_1" id="nombre1" size="30" /><br />
<label for="edad1">Edad:</label><input type="text" name="eda_1" id="edad1" size="6" /> años<br />
<label for="estatura1">Estatura:</label><input type="text" name="est_1" id="estatura1" size="6" /> centímetros<br />
<label for="peso1">Peso:</label><input type="text" name="pes_1" id="peso1" size="6" /> Kg<br />
</fieldset>
<fieldset>
<legend>Datos Miembro 2</legend>
<label for="nombre2">Nombre:</label><input type="text" name="nom_2" id="nombre2" size="30" /><br />
<label for="edad2">Edad:</label><input type="text" name="eda_2" id="edad2" size="6" /> años<br />
<label for="estatura2">Estatura:</label><input type="text" name="est_2" id="estatura2" size="6" /> centímetros<br />
<label for="peso2">Peso:</label><input type="text" name="pes_2" id="peso2" size="6" /> Kg<br />
</fieldset>
<fieldset>
<legend>Datos Miembro 3</legend>
<label for="nombre3">Nombre:</label><input type="text" name="nom_3" id="nombre3" size="30" /><br />
<label for="edad3">Edad:</label><input type="text" name="eda_3" id="edad3" size="6" /> años<br />
<label for="estatura3">Estatura:</label><input type="text" name="est_3" id="estatura3" size="6" /> centímetros<br />
<label for="peso3">Peso:</label><input type="text" name="pes_3" id="peso3" size="6" /> Kg<br />
</fieldset>
<fieldset>
<legend>Calculos:</legend>
<select id= "oper">
<option >Seleccione</option>
<option > Miembro con mayor edad </option>
<option > Miembro con menor edad </option>
<option > Miembro con mayor estatura</option>
<option > Miembro con menor estatura</option>
<option > Miembro con mayor peso</option>
<option > Miembro con menor peso</option>
<option > Miembro con mayor IMC(indice de masa corporal)</option>
<option > Miembro con menor IMC(indice de masa corporal)</option>
</select>
<input type= "button" id="boton" value= "Mostrar" onclick="operacion()"/>
</fieldset>
<fieldset>
<div id="mensaje" align="center" style="color:#00F" ></div>
</fieldset>
<input type="submit" value="Enviar Datos" />
<input type="reset" value="Reestablecer Datos" />
</form>
</body>
</html>
