hola gracias por contestar me puse a hacer lo que me dijeron pero me aparece un error miren lo que llevo :
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" src="http://aulas.utbvirtual.edu.co/lib/ufo.js">
function operacion() {
var e1 = document.getElementById('edad1').value;
var e2 = document.getElementById('edad2').value;
var e3 = document.getElementById('edad3').value;
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);
break;
case "Miembro con menor edad" :
document.getElementById("mensaje").innerHTML="";
case "Miembro con mayor estatura" :
document.getElementById("mensaje").innerHTML="";
break;
case "Miembro con menor estatura" :
document.getElementById("mensaje").innerHTML="";
break;
case "Miembro con mayor peso" :
document.getElementById("mensaje").innerHTML="";
break;
case "Miembro con menor peso" :
document.getElementById("mensaje").innerHTML="";
break;
case "Miembro con mayor IMC(indice de masa corporal)" :
document.getElementById("mensaje").innerHTML="";
break;
case "Miembro con menor IMC(indice de masa corporal)" :
document.getElementById("mensaje").innerHTML="";
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 "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" id="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" /> 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" id="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" /> 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" id="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" /> 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>
<p >
<input type= "button" id="boton" value= "Mostrar" onClick="operacion()"/>
<p>
<br>
</fieldset>
<div id="mensaje" align="center"></div>
<input type="submit" value="Enviar Datos" />
<input type="reset" value="Reestablecer Datos" />
</form>
</body>
</html>
en este caso ahora me piden mas cosas como calcular el mayor y menor peso, igual con la estatura, edad y indice de masa corporal.
coloque un select para que seleccionen la opcion deseada pero ahora esta la funcion de javascritp para los diferentes calculos.