Ayuda forma para calcular en JS

orionarcher · #1 (**permalink**) 06/05/2008, 14:45

Hola a todos. Tengo una pequeña web y deseo incluir una forma para hacer un cálculo. No soy programador y he hecho lo que he podido con base a ejemplos y minitutoriales de internet, sin embargo el código no funciona. Les agradecería muchísimo a los expertos que visitan este foro que revisaran el código y me ayudaran a corregirlo! de antemano, muchísimas gracias!

<form method="post" name="AC"><center>
<table bgcolor="#ffffff" border="3" width="600"><tbody><tr align="center"><td colspan="6" align="left" bgcolor="#333333">
<h3 style="text-align: center;"><font size="4">Calculador de metros por pedalazo.</font></h3>
</td></tr><tr align="center"><td colspan="2" align="left">
<p style="text-align: center;"><b># de dientes del plato:</b></p>

<p style="text-align: center;"><input name="dpl" size="3"></p>
</td><td colspan="2" align="center">
<p style="text-align: center;"><b># dientes del piñón:</b></p>

<p style="text-align: center;"><input name="dpi" size="3"></p>
</td><td colspan="2" align="right">
<p style="text-align: center;"><b>circunferencia de la rueda:</b></p>

<p style="text-align: center;"><input name="cr" size="3"></p>
</td></tr><tr align="center"><td colspan="6" align="center">
<p style="text-align: center;"><big><input name="botCalc" onclick="ComputeForm(AC)" value="Calcular" type="button"></big><input name="Borr" onclick="ClearForm(AC)" value="Borrar" type="reset"></p>
</td></tr><tr align="center"><td colspan="6" align="left" bgcolor="#333333">
<h3 style="text-align: center;"><b>La cantidad de metros que recorrerá en
cada pedalazo es de:</b></h3>
</td></tr><tr align="center" bgcolor="#f5f5f5"><td style="text-align: center;" colspan="6">
<p><b>Metros</b></p>

<p><input name="mpp" size="5"></p>
</td></tr></tbody></table>
</center>


</script>
</form>

marcopoloaz06 · #2 (**permalink**) 06/05/2008, 15:19

hola, ahi esta y tenias un error en el resultado, supongo q la x que pusiste es para multiplicar

Código HTML:

<SCRIPT type="text/JavaScript">


function ComputeForm(AC){
var sudpl= Number(document.AC.dpl.value);
var sudpi= Number(document.AC.dpi.value);
var sucr= Number(document.AC.cr.value);
var resultado = (((parseFloat(sudpl)/parseFloat(sudpi))*parseFloat(sucr))/1000);
AC.mpp.value = resultado;
}



function ClearForm(form)
{form.dpl.value = "";
form.dpi.value = "";
form.cr.value = "";
form.mpp.value = "";}


</script>

adios...
:]

orionarcher · #3 (**permalink**) 07/05/2008, 11:41

Gracias marcopolaz06. efectívamente esa x pretendía ser el operador de multiplicación, sin embargo, ya probé el código y sigue sin funcionar, así que tengo más errores! Por favor revisenlo nuevamente.....mis conocimientos en el área son practicamente nulos!

miSko · #4 (**permalink**) 09/05/2008, 05:00

Código PHP:

  
function ComputeForm(AC){

       var sudpl = parseFloat(document.AC.dpl.value);
       var sudpi = parseFloat(document.AC.dpi.value);
       var sucr = parseFloat(document.AC.cr.value);

       var resultado = sudpl / sudpi * sucr / 1000 ;

       AC.mpp.value = resultado;
}

Juraria, q si no hay ni sumas, ni restas, no necesitas tanto parentesis, pk da igual en que orden vayan xDDD

es decir

2 * 3 / 6 = 1
2 * (3 / 6) = 1

;)

orionarcher · #5 (**permalink**) 09/05/2008, 19:44

Gracias por este nuevo aporte. Modifiqué el código según sus indicaciones, lo probé y.... nada! El reset funciona bien, pero cuando presiono el de calcular se queda "hundido" y no ocurre nada mas (no hay cálculo alguno)! Ayuda por favor!!

marcopoloaz06 · #6 (**permalink**) 09/05/2008, 23:19

si funciona

Código HTML:

<form method="post" name="AC"><center>
<table bgcolor="#ffffff" border="3" width="600"><tbody><tr align="center"><td colspan="6" align="left" bgcolor="#333333">
<h3 style="text-align: center;"><font size="4">Calculador de metros por pedalazo.</font></h3>
</td></tr><tr align="center"><td colspan="2" align="left">
<p style="text-align: center;"><b># de dientes del plato:</b></p>

<p style="text-align: center;"><input name="dpl" size="3"></p>
</td><td colspan="2" align="center">
<p style="text-align: center;"><b># dientes del piñón:</b></p>

<p style="text-align: center;"><input name="dpi" size="3"></p>
</td><td colspan="2" align="right">
<p style="text-align: center;"><b>circunferencia de la rueda:</b></p>

<p style="text-align: center;"><input name="cr" size="3"></p>
</td></tr><tr align="center"><td colspan="6" align="center">
<p style="text-align: center;"><big><input name="botCalc" onclick="ComputeForm(AC)" value="Calcular" type="button"></big><input name="Borr" onclick="ClearForm(AC)" value="Borrar" type="reset"></p>
</td></tr><tr align="center"><td colspan="6" align="left" bgcolor="#333333">
<h3 style="text-align: center;"><b>La cantidad de metros que recorrerá en
cada pedalazo es de:</b></h3>
</td></tr><tr align="center" bgcolor="#f5f5f5"><td style="text-align: center;" colspan="6">
<p><b>Metros</b></p>

<p><input name="mpp" size="5"></p>
</td></tr></tbody></table>
</center>

<SCRIPT type="text/JavaScript">


function ComputeForm(AC){
var sudpl= Number(document.AC.dpl.value);
var sudpi= Number(document.AC.dpi.value);
var sucr= Number(document.AC.cr.value);
var resultado = (((parseFloat(sudpl)/parseFloat(sudpi))*parseFloat(sucr))/1000);
AC.mpp.value = resultado;
}



function ClearForm(form)
{form.dpl.value = "";
form.dpi.value = "";
form.cr.value = "";
form.mpp.value = "";}


</script>
</form>

adios
-.-
:]

orionarcher · #7 (**permalink**) 10/05/2008, 11:07

SOS GRANDE! Ahora si funciona... mil gracias por su tiempo. Gracias a miSko también por su ayuda. Estudiaré el código con atención a ver si aprendo a hacerlo por mi mismo... MUCHAS GRACIAS!!!