Formulario menor y mayor
Necesito confeccionar una página en JavaScript donde entre el nombre y la edad de dos personas en un formulario y determinar quien es el mayor
La verdad es que no veo la necesidad de un formulario a no ser de que mande la información a otra página, ya que gracias a la DOM podemos acceder a los inputs. Un ejemplo muy básico y con las validaciones justas es:
----------------------
<html>
<head>
<script type="text/javascript">
function subMita(){
var nombre1 = document.getElementById('persona1').value;
var nombre2 = document.getElementById('persona2').value;
var edad1 = document.getElementById('edad1').value;
var edad2 = document.getElementById('edad2').value;
var quienEsmayor = "";
if(edad1==''){
alert("Rellene la edad de la Persona1");
setTimeout("document.getElementById('edad1').focus()");
return;
}
if(edad2==''){
alert("Rellene la edad de la Persona2");
setTimeout("document.getElementById('edad2').focus()");
return;
}
if(parseInt(edad1)>parseInt(edad2)){
quienesMayor = "La Persona1 es mayor";
alert(quienesMayor);
}
else if(parseInt(edad1)<parseInt(edad2)){
quienesMayor = "La Persona2 es mayor";
alert(quienesMayor);
}
else{
quienesMayor = "Tienen la misma edad";
alert(quienesMayor);
}
}
</script>
</head>
<body>
<p><input type="text" id="persona1" name="persona1"> Nombre de la Persona1</p>
<p><input type="text" id="edad1" name="edad1"> Edad de la Persona1</p>
<p><input type="text" id="persona2" name="persona2"> Nombre de la Persona2</p>
<p><input type="text" id="edad2" name="edad2"> Edad de la Persona2</p>
<p><input type="button" onClick="subMita();" value="Pulsa para saber cual es mayor"></p>
</body>
</html>
------------------
Un saludo
----------------------
<html>
<head>
<script type="text/javascript">
function subMita(){
var nombre1 = document.getElementById('persona1').value;
var nombre2 = document.getElementById('persona2').value;
var edad1 = document.getElementById('edad1').value;
var edad2 = document.getElementById('edad2').value;
var quienEsmayor = "";
if(edad1==''){
alert("Rellene la edad de la Persona1");
setTimeout("document.getElementById('edad1').focus()");
return;
}
if(edad2==''){
alert("Rellene la edad de la Persona2");
setTimeout("document.getElementById('edad2').focus()");
return;
}
if(parseInt(edad1)>parseInt(edad2)){
quienesMayor = "La Persona1 es mayor";
alert(quienesMayor);
}
else if(parseInt(edad1)<parseInt(edad2)){
quienesMayor = "La Persona2 es mayor";
alert(quienesMayor);
}
else{
quienesMayor = "Tienen la misma edad";
alert(quienesMayor);
}
}
</script>
</head>
<body>
<p><input type="text" id="persona1" name="persona1"> Nombre de la Persona1</p>
<p><input type="text" id="edad1" name="edad1"> Edad de la Persona1</p>
<p><input type="text" id="persona2" name="persona2"> Nombre de la Persona2</p>
<p><input type="text" id="edad2" name="edad2"> Edad de la Persona2</p>
<p><input type="button" onClick="subMita();" value="Pulsa para saber cual es mayor"></p>
</body>
</html>
------------------
Un saludo