cálculos aritméticos y arrays

carlos2 · #1 (**permalink**) 30/04/2011, 06:10

Hola a todos, les explico... tengo que calcular unos precios sobre unos cursos y unos alojamientos, a partir de un formulario html y por medio de unos select...

Puede haber dos tipos de curso (básico o intensivo) y dos tipos de alojamiento (individual o compartido). A su vez, dependiendo si es temporada alta, media o baja, los precios pueden variar. Es decir yo puedo elegir curso básico y alojamiento individual, y si selecciono temporada baja aparece un precio, si selecciono temporada media otro precio distinto y si selecciono temporada alta otro distinto. Y así con todas las posibilidades que hay en los select

He montado un javascript a partir de documentación que he visto por la web pero me he quedado un poco atascado y necesitaría un poco de ayuda...
No sé si recupero bien los valores de los selects y me lio un poco con el tema de las comillas ("), que no se si tienen que ser simples o dobles.
También me gustaría saber como paso el resultado de la variable precioTotal al campo de texto con name Total..

Éste es el código, muchas gracias de antemano:

El formulario html

Código HTML:

<form method="post" name="formReserva" id="userForm" enctype="multipart/form-data">  
  
curso  
<select name="curso"  id="curso">
<option  value="basico">Curso Básico</option>
<option  value="intensivo">Curso Intensivo</option>
</select>  
  
alojamiento  
<select name="alojamiento"  id="alojamiento">
<option  value="compartido">compartido</option>
<option  value="individual">individual</option>
<option  value="sinalojamiento">sin alojamiento</option>
</select>  
  
  
semanas  
<input type="text" value="" size="20"  name="semanas" id="field3" />  
  
temporada  
<select name="temporada"  id="temporada">
<option  value="baja">Enero-Junio</option>
<option  value="media">Junio-Octubre</option>
<option  value="alta">Octubre-Diciembre</option>
</select>  
  
  
  
<input type="button" value="Calculate" name="form[Calculate]" id="Calculate" onclick="calcula();" />  
  
<input type="text" value="" size="20"  name="Total" id="Total" readonly="readonly"/>  
  
</form>

el javascript

Código Javascript:

Ver original<script language="javascript">  
  
function calcula(){  
  
var preciosCurso = 0;  
var preciosAlojamiento = 0;  
  
if(formReserva.curso.value == "basico"){  
   var tipoCurso = "cursoBasico";  
}else{  
   var tipoCurso = "cursoIntensivo";  
}  
  
if(tipoCurso = "cursoBasico"){  
   var preciosCurso = [10,20,30];  
   } else {  
   var preciosCurso = [40,50,60];  
   }  
  
  
if(formReserva.alojamiento.value == "compartido"){  
   var tipoAlojamiento = "alojamientoCompartido";  
}else if(formularioI.field2.value == "individual"){  
   var tipoAlojamiento = "alojamientoIndividual";  
}  
     
if(tipoAlojamiento = "alojamientoCompartido"){  
   var preciosAlojamiento = [10,20,30];  
   } else if(tipoAlojamiento = "alojamientoIndividual") {  
   var preciosAlojamiento = [40,50,60];  
   }else{  
   var preciosAlojamiento = 0;     
      }     
  
var semanas=document.getElementById('semanas');  
  
if(formReserva.temporada.value == "baja"){  
   var precioCurso = preciosCurso[0];  
   var precioAlojamiento = preciosAlojamiento[0];  
   }else if(formReserva.temporada.value == "media"){  
   var precioCurso = preciosCurso[1];  
   var precioAlojamiento = preciosAlojamiento[1];  
   }else{  
   var precioCurso = preciosCurso[2];  
   var precioAlojamiento = preciosAlojamiento[2];  
   }  
  
var precioTotal = (precioCurso+precioAlojamiento)*semanas;  
}  
  
</script>

Muchas a gracias todos

carlos2 · #2 (**permalink**) 30/04/2011, 08:38

Hola de nuevo, he hecho algunos cambios en el código intentando resolver el problema... Pero lo único que consigo es que la caja de texto me muestre "NaN"

Sabrían decirme en que estoy fallando??? Éste cálculo no es tan complicado, verdad??

Éste es el código javascript que tengo ahora....

Código Javascript:

Ver original<script language="javascript">  
  
function calcula(){  
   
  
if(document.formReserva.curso.value == "basico"){  
   var tipoCurso = "cursoBasico";  
}else{  
   var tipoCurso = "cursoIntensivo";  
}  
  
if(tipoCurso = "cursoBasico"){  
   var preciosCurso = [10,20,30];  
   } else {  
   var preciosCurso = [40,50,60];  
   }  
  
  
if(document.formReserva.alojamiento.value == "compartido"){  
   var tipoAlojamiento = "alojamientoCompartido";  
}else if(document.formReserva.alojamiento.value == "individual"){  
   var tipoAlojamiento = "alojamientoIndividual";  
}  
     
if(tipoAlojamiento = "alojamientoCompartido"){  
   var preciosAlojamiento = [10,20,30];  
   } else if(tipoAlojamiento = "alojamientoIndividual") {  
   var preciosAlojamiento = [40,50,60];  
   }else{  
   var preciosAlojamiento = 0;     
      }     
  
var semanas=document.getElementById("semanas");  
  
if(document.formReserva.temporada.value == "baja"){  
   var precioCurso = preciosCurso[0];  
   var precioAlojamiento = preciosAlojamiento[0];  
   }else if(document.formReserva.temporada.value == "media"){  
   var precioCurso = preciosCurso[1];  
   var precioAlojamiento = preciosAlojamiento[1];  
   }else{  
   var precioCurso = preciosCurso[2];  
   var precioAlojamiento = preciosAlojamiento[2];  
   }  
  
var precioTotal = (precioCurso+precioAlojamiento)*semanas; 
 
document.formReserva.total.value = precioTotal;
}  
  
</script>

y el formulario es este (he cambiado algún id)

Código HTML:

<form method="post" name="formReserva" id="userForm" enctype="multipart/form-data">  
  
curso  
<select name="curso"  id="curso">
<option  value="basico">Curso Básico</option>
<option  value="intensivo">Curso Intensivo</option>
</select>  
  
alojamiento  
<select name="alojamiento"  id="alojamiento">
<option  value="compartido">compartido</option>
<option  value="individual">individual</option>
<option  value="sinalojamiento">sin alojamiento</option>
</select>  
  
  
semanas  
<input type="text" value="" size="20"  name="semanas" id="semanas" />  
  
temporada  
<select name="temporada"  id="temporada">
<option  value="baja">Enero-Junio</option>
<option  value="media">Junio-Octubre</option>
<option  value="alta">Octubre-Diciembre</option>
</select>  
  
  
  
<input type="button" value="Calculate" name="form[Calculate]" id="Calculate" onclick="calcula();" />  
  
<input type="text" value="" size="20"  name="total" id="total" readonly="readonly"/>  
  
</form>

carlos2 · #3 (**permalink**) 30/04/2011, 09:10

Hola a todos, sigo haciendo avances.... he conseguido que el campo de texto me muestre por fin los valores, pero hay algo que está mal, y es que sólo se queda en el primer array de cada variable y parece que no hace caso del condicional...

así,

si selecciono "temporada baja", siempre me mostrará "20", independientemente del curso y alojamiento que elija...

si selecciono "temporada media", siempre me mostrará "40", independientemente del curso y alojamiento que elija...

y si selecciono "temporada alta", siempre me mostrará "60", independientemente del curso y alojamiento que elija...

Todo esto teniendo en cuenta que ponemos siempre "1" en el número de semanas...

Porque no me está cambiando de array en función de lo que escoja en el select???

Este es el código que me está quedando...

Código Javascript:

Ver original<script language="javascript">  
  
function calcula(){  
   
  
if(document.formReserva.curso.value == "basico"){  
   var tipoCurso = "cursoBasico";  
}else{  
   var tipoCurso = "cursoIntensivo";  
}  
  
if(tipoCurso = "cursoBasico"){  
   var preciosCurso = [10,20,30];  
   } else {  
   var preciosCurso = [40,50,60];  
   }  
  
  
if(document.formReserva.alojamiento.value == "compartido"){  
   var tipoAlojamiento = "alojamientoCompartido";  
}else if(document.formReserva.alojamiento.value == "individual"){  
   var tipoAlojamiento = "alojamientoIndividual";  
}  
     
if(tipoAlojamiento = "alojamientoCompartido"){  
   var preciosAlojamiento = [10,20,30];  
   } else if(tipoAlojamiento = "alojamientoIndividual") {  
   var preciosAlojamiento = [40,50,60];  
   }else{  
   var preciosAlojamiento = 0;     
      }     
  
var semanas=document.formReserva.semanas.value  
 
//var semanas=document.getElementById("semanas");  
  
if(document.formReserva.temporada.value == "baja"){  
   var precioCurso = preciosCurso[0];  
   var precioAlojamiento = preciosAlojamiento[0];  
   }else if(document.formReserva.temporada.value == "media"){  
   var precioCurso = preciosCurso[1];  
   var precioAlojamiento = preciosAlojamiento[1];  
   }else{  
   var precioCurso = preciosCurso[2];  
   var precioAlojamiento = preciosAlojamiento[2];  
   }  
  
var precioTotal = (precioCurso+precioAlojamiento)*semanas; 
 
document.formReserva.total.value = precioTotal;
 
}

carlos2 · #4 (**permalink**) 30/04/2011, 09:18

Bueno, he colocado unos alert para que me devuelva lo que está recibiendo y parece que el problema está aquí..

Código Javascript:

Ver originalif(document.formReserva.curso.value == "basico"){  
   var tipoCurso = "cursoBasico";  
}else{  
   var tipoCurso = "cursoIntensivo";  
}

siempre me muestra "cursoBasico", alguien sabe a que es debido.... he revisado la sintáxis y yo creo que está bien...

Muchas gracias a todos!!

carlos2 · #5 (**permalink**) 30/04/2011, 13:19

Bueno, ya está solucionado... al final me lo he guisado y comido yo solito.... fallaban algunos operadores, hay que tener en cuenta esas cosas... lo dejo aquí por si le puede servir de ayuda a alguien... la lógica del script está en el primer post...

Código HTML:

<form method="post" name="formReserva" id="userForm" enctype="multipart/form-data">  
  
curso  
<select name="curso"  id="curso">
<option  value="basico">Curso Básico</option>
<option  value="intensivo">Curso Intensivo</option>
</select>  
  
alojamiento  
<select name="alojamiento"  id="alojamiento">
<option  value="compartido">compartido</option>
<option  value="individual">individual</option>
<option  value="sinalojamiento">sin alojamiento</option>
</select>  
  
  
semanas  
<input type="text" value="" size="20"  name="semanas" id="semanas" />  
  
temporada  
<select name="temporada"  id="temporada">
<option  value="baja">Enero-Junio</option>
<option  value="media">Junio-Octubre</option>
<option  value="alta">Octubre-Diciembre</option>
</select>  
  
  
  
<input type="button" value="Calculate" name="form[Calculate]" id="Calculate" onclick="calcula();" />  
  
<input type="text" value="" size="20"  name="total" id="total" readonly="readonly"/>  
  
</form>

y el js

Código Javascript:

Ver original<script language="javascript">  
  
function calcula(){  
   
  
if(document.formReserva.curso.value == "basico"){  
   var tipoCurso = "cursoBasico";  
}else{  
   var tipoCurso = "cursoIntensivo";  
}  
  
if(tipoCurso == "cursoBasico"){  
   var preciosCurso = [10,20,30];  
   } else {  
   var preciosCurso = [40,50,60];  
   }  
  
  
if(document.formReserva.alojamiento.value == "compartido"){  
   var tipoAlojamiento = "alojamientoCompartido";  
}else if(document.formReserva.alojamiento.value == "individual"){  
   var tipoAlojamiento = "alojamientoIndividual";  
}else{
    var tipoAlojamiento = "noAlojamiento";
    }  
     
if(tipoAlojamiento == "alojamientoCompartido"){  
   var preciosAlojamiento = [10,20,30];  
   } else if(tipoAlojamiento == "alojamientoIndividual") {  
   var preciosAlojamiento = [40,50,60];  
   }else if(tipoAlojamiento == "noAlojamiento"){  
   var preciosAlojamiento = [0,0,0];     
      }     
  
var semanas=document.formReserva.semanas.value  
  
if(document.formReserva.temporada.value == "baja"){  
   var precioCurso = preciosCurso[0];  
   var precioAlojamiento = preciosAlojamiento[0];  
   }else if(document.formReserva.temporada.value == "media"){  
   var precioCurso = preciosCurso[1];  
   var precioAlojamiento = preciosAlojamiento[1];  
   }else{  
   var precioCurso = preciosCurso[2];  
   var precioAlojamiento = preciosAlojamiento[2];  
   }  
  
var precioTotal = (precioCurso+precioAlojamiento)*semanas; 
 
document.formReserva.total.value = precioTotal;
}  
  
</script>

Gracias a todos por la ayuda.... lol!!!