hacer calculos

pereztroff · #1 (**permalink**) 20/07/2004, 01:19

me gustaria que al introducir ciertos valores en un formulario se pueda realizar operaciones matematicas y mostrar el resultado.

por ejemplo en un formulario aparezca dos campos, un select que diga numero de dias de estancia y otro si es una habitacion doble o simple.

en el caso de habitacion doble que tenga un precio y si es simple otro, una vez que se tenga el precio en base a este parametro, obtener el resultado multiplicando el numero de dias seleccionado por el precio de la habitacion.

a ver si alguien puede echarme una mano
gracias.

KarlanKas · #2 (**permalink**) 20/07/2004, 02:33

Prueba con esto:

Código HTML:

<html>
<head>
	<title>Untitled</title>
	<style>*{font:normal 10px/10px verdana;}</style>
</head>

<body><form>
Vamos a estar <select name="dias" id="dias" size="1" onchange="this.form.precio.value=this.value*this.form.tipo.options[this.form.tipo.selectedIndex].value+' euros';"> 
		<option value="1" SELECTED>1 día</option>
		<option value="2">2 días</option>
		<option value="3">3 días</option>
		<option value="4">4 días</option>
		<option value="5">5 días</option>
		<option value="6">6 días</option>
		<option value="7">7 días</option>
		<option value="8">8 días</option>
		<option value="9">9 días</option>
		<option value="10">10 días</option>
</select> en una habitación <select onchange="this.form.precio.value=this.value*this.form.dias.options[this.form.dias.selectedIndex].value+' euros';" name="tipo" size="1">
	<option value="100" SELECTED>sencilla</option>
	<option value="200">doble</option>
</select>. Lo que hará que cueste <input type="text" readonly="readonly" id="precio" value="100 euros" name="precio" />
</form>

</body>
</html>

KarlanKas · #3 (**permalink**) 20/07/2004, 02:48

Así es compatible tb con Netscape 4.78 (no sé quien lo usará aún, pero bueno...):

Código HTML:

<html>
<head>
	<title>Untitled</title>
	<style>*{font:normal 10px/10px verdana;}</style>
	<script>
	function calcular(){
	Ndias=document.forms[0].dias.options[document.forms[0].dias.selectedIndex].value;
	habitacion=document.forms[0].tipo.options[document.forms[0].tipo.selectedIndex].value
	document.forms[0].precio.value=Ndias*habitacion + ' euros';
		}
	
	</script>
</head>

<body><form>
Vamos a estar <select name="dias" id="dias" size="1" onchange="calcular()"> 
		<option value="1" SELECTED>1 día</option>
		<option value="2">2 días</option>
		<option value="3">3 días</option>
		<option value="4">4 días</option>
		<option value="5">5 días</option>
		<option value="6">6 días</option>
		<option value="7">7 días</option>
		<option value="8">8 días</option>
		<option value="9">9 días</option>
		<option value="10">10 días</option>
</select> en una habitación <select name="tipo" id="tipo" onchange="calcular()">
	<option value="100" SELECTED>sencilla</option>
	<option value="200">doble</option>
</select>. Lo que hará que cueste <input type="text" readonly="readonly" id="precio" value="100 euros" name="precio" />
</form>

</body>
</html>

pereztroff · #4 (**permalink**) 20/07/2004, 03:54

muchas gracias por la ayuda, esa era la idea general

KarlanKas · #5 (**permalink**) 20/07/2004, 04:00

Perfecto!

Si tienes problemas al implantarlo me lo dices!

Un saludo

pereztroff · #6 (**permalink**) 22/07/2004, 13:17

¿como se podria hacer para que el usuario elija dia-mes-año de entrada y lo mismo para la salida, para calcular el numero de dias de estancia.

al calcular el numero de dias de esta forma, aplicar el coste total segun habitacion seleccionada.

muchas gracias.

espero sea facil