Foros del Web » Programando para Internet » Javascript »

calcular mayor edad desde fomulario

Estas en el tema de calcular mayor edad desde fomulario en el foro de Javascript en Foros del Web. Hola a toda la comunidad, soy nuevo por aca y tengo esta duda con el codigo de la funcion y la optencion de datos para ...
  #1 (permalink)  
Antiguo 18/09/2010, 08:34
 
Fecha de Ingreso: septiembre-2010
Mensajes: 16
Antigüedad: 13 años, 7 meses
Puntos: 0
calcular mayor edad desde fomulario

Hola a toda la comunidad, soy nuevo por aca y tengo esta duda con el codigo de la funcion y la optencion de datos para calcular.

tengo este formulario:

[spoiler]
chun<!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"></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&aacute;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&oacute;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">Edad:</label><input type="text" name="eda_1" id="edad1" size="6" /> a&ntilde;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">Edad:</label><input type="text" name="eda_2" id="edad2" size="6" /> a&ntilde;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">Edad:</label><input type="text" name="eda_3" id="edad3" size="6" /> a&ntilde;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>
<input type="submit" value="Enviar Datos" />
<input type="reset" value="Reestablecer Datos" />
</form>
</body>
</html>
[/spoiler]

me piden que mediante javascript tome los valores de la edad de cada miembro y los compare y diga quien tieen mayor edad y quien menor, el resultado se muestra creando un boton y por medio de un alert.

pero no tengo claro como tomar los valores, por ejemplo puedo hacer una funcion mayoredad (edad1, edad2 , edad3)
y hago la comparacion pero seria corecto
no tocari con document.getelemntby id , dandole una idi diferente a cada dato de edad.

gracias por la atencion y espero sus comentario voy a empezar aver que me sale..
  #2 (permalink)  
Antiguo 18/09/2010, 08:59
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: calcular mayor edad desde fomulario

Código Javascript:
Ver original
  1. var e1 = document.getElementById('edad1').value;
  2. var e2 = document.getElementById('edad2').value;
  3. var e3 = document.getElementById('edad3').value;
  4. alert('Edad mayor: ' + Math.max(e1,e2,e3));
  5. alert('Edad menor: ' + Math.min(e1,e2,e3));
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #3 (permalink)  
Antiguo 18/09/2010, 09:01
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: calcular mayor edad desde fomulario

Sí, puedes hacerlo con document.getElementById()
Si vas a mantener ese formato secuencial en los id (1, 2, 3...) podrías usar:
Código Javascript:
Ver original
  1. for (var i = 0; elem = document.getElementById("edad" + i); i++) {
  2.     // En cada iteración del bucle obtendrás en la variable "elem" el siguiente campo
  3. }
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #4 (permalink)  
Antiguo 23/09/2010, 10:26
 
Fecha de Ingreso: septiembre-2010
Mensajes: 16
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: calcular mayor edad desde fomulario

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&aacute;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&oacute;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&ntilde;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&ntilde;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&ntilde;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.

Etiquetas: edad, mayor, calculadora
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:55.