Formulario HTML y como sacar operaciones con funciones de javascript.

[melxrockz]

Hola hola al que lea esto, no se si vaya aqui o en html... el caso es que necesito ayuda, en realidad mucha!

Lo que pasa es que mi prof nos dejo hacer una pagina html y demas, y nos pidio dos formularios, uno es una factura y el otro un historial de las facturas (Separados por un frame), asi que debo usar un array para eso de maximo dos, tambien debo calcular los importes de los 2 articulos que me han dado y el total de ambos, guardar ese total de la factura al dar click en el boton nueva factura en el array, hacer lo mismo con la segunda, y en el historial debo mostrar los dos totales y la suma de ambos dando click al boton generar.

Me gusta programar desde que comenzaron a impartirme la materia, pero el prof nos pidio hacerla sin ningun conocimiento en javascript, lo he intentado 3 dias seguidos casi sin parar , he leido, no les miento, como 25 manueles y no logro dar como hacerlo, una ayuda me seria muy util y claro la explicacion, ya que el chiste de todo esto es aprender.

Gracias DX

[arepavieja]

Ok, ya va... tienes 2 formularios... del primer formulario obtienes un resultado a partir de un cálculo, o simplemente escribiendolo en el input.?

Del segundo formulario igual... es decir, lo obtienes de un cáculo o de escribirlo? No entiendo muy bien.

No creo además, que sea necesario el array, solo guardar el valor del campo o los campos en variables separadas en el script

[melxrockz]

En el primero tengo dos conceptos que son sillas y mesas, las sillas cuestan 200 y las mesas 850, son valores que no cambiara, junto a ellos tengo cajas de texto que dicen cantidad e importe, el usuario pondra la cantidad de los articulos y el importe debo realizarlo mediante un calculo al igual que el total que seria la suma de los dos importes, con el segundo debo tengo escritos factura 1 y 2, a un lado dice importe y a un lado de estos cajas de texto que es donde deben aparecer los dos totales, abajo viene un boton que dice generar y al darle click debe crear la suma de los totales, no se si me he explicado bien, y muchas gracias por responder!!!!

[arepavieja]

En el primer caso:

Para obtener cantidad:

De esta manera obtienes los datos del formulario, dónde "form" será el name del formulario y cantidad el name del campo que tiene ese dato, y value es el valor introducido en ese campo. De esta manera logras obtener los valores y puedes usarlos en las distintas operaciones. No es todo, pero es un punto de partida. Lo mismo debes hacer para todos los campos.

Código Javascript:

<script type="text/javascript">
function obtener()
{
var cantidad = document.form.cantidad.value;
alert(cantidad);
}
</script>
 

Para mostrarlo puedes hacerlo dentro de otro campo de texto, mediante un alert o con innerHTML.

Ahora solo tienes que llamar a la función que necesitas, es decir la function "obtener", y tienes que hacerlo dependendiendo del evento que apliques al formulario, pudiendo ser onsubmit, onclick, onblur, etc...

[melxrockz]

Perdona, pero no entendi nadita!... Creo que mejor ire paso a pasito.

1. Como realizo una operacion con el script? Ej.

Precio 200 cantidad: "la que el usuario determine" importe="______"

Entiendo lo de la funcion, pero no se realmente el modo correcto de realizar esa sencilla multiplicacion.

2. Ya que tenga el calculo, como imprimir el importe en el textbox que le pertenece al importe para que ya aparesca asi:

Precio: 200 Cantidad: 3 Importe: 600
?

Lo del llamado de la funcion con el boton si lo he comprendido, decidi usar el evento onclick. Perdona las molestias.

[arepavieja]

Bueno:

Tienes el campo precio, cantidad e importe y lo muestras en el formulario:

Código HTML:

<form name="calculo" action="" method="post">
<input type="text" name="precio">
<input type="text" name"cantidad">
<input type="text" name="importe" value="3" readonly>
<input type="button" value="Calcular" onclick="funcion_calcular()">
</form>
 

y la funcion javascript sería algo como:

Código Javascript:

<script type="text/javascript">
function funcion_calcular()
{
var precio = document.calculo.precio.value;
var cantidad = document.calculo.cantidad.value;
var importe = document.calculo.importe.value;
var calculo = precio*cantidad;
alert ('El importe es de: ' + calculo);
}
</script>
 

Más o menos esta sería la captura de los datos en javascript, entiendo que el importe es siempre el mismo, en caso de que sea modificable puedes quitarle el readonly, y aparte usar la variable "importe" en la función javascript para la operación pertinente.

Saludos.