Piloto: Transferir variables entre formularios.

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pruebas: Piloto III / Transferir variables entre formularios</title>
<script type="text/javascript">

window.onload=function(){

 // Obtener los valores cargados
 var p = window.document.getElementById("personas").value; 
 var d = window.document.getElementById("dias").value;

/* Botón calcular costo estadía ------------------------------------------------------------------------------------ */
window.document.getElementById("botoncalcular").addEventListener("click",
function(){

// Obtener los valores cargados
var p = window.document.getElementById("personas").value; 
var d = window.document.getElementById("dias").value;
 
//Control de  excepciones
try{
  if (p < 1 ||  p > 10 || d < 1 || d > 30){
throw new Error();
}else{
//Calculo del costo de la reserva
costo = p * 100 * d;
alert("El costo es de: $" + costo);
}
}catch(problema){
problema.name="CtrlNumerico";
problema.message ="Ingrese números enteros positivos.";  
alert("Control de captura de datos.\n" +  problema.message );
window.document.getElementById("personas").focus();
}

},
false);


/* Botón ver página previa ------------------------------------------------------------------------------------ */
window.document.getElementById("botonimprimir").addEventListener("click",
function(){

// Obtener los valores cargados
var p = window.document.getElementById("personas").value; 
var d = window.document.getElementById("dias").value;
 
//Control de  excepciones
 try {
 if (p < 1 ||  p > 10 || d < 1 || d > 30){
throw new Error();
 }else{
 // Permitir la salida: variables cargadas
window.location="pruebasIV.html?" + "personas=" + p  + "&" + "dias=" + d;
 }
 } catch(problema) {
 alert("Para computar el costo de la reserva, ingrese cantidad de días y de personas. \nRecuerde que cada cabaña tiene un a capacidad de  hasta 10 ocupantes y que el máximo de días a reservar es de 30.");
 window.document.getElementById("personas").focus();
 } // Fin try
},
false);

} // Fin evento onload / window
</script>
</head>

<body>

<input type="number" min="1" max="10" value="0" autofocus id="personas" /> <br/>
<input type="number" min="1" max="30" value="0"  id="dias" /> <br/>

<input type="button" value="Calcular Importe" id="botoncalcular" /> <br/>
<input type="button" value="Imprimir Copia" id="botonimprimir" />

</body>
</html>

Entradas populares