Como hacer una suma y resta con formulario

[flashtkd]

Hola porfavor como puedo hacer esto con javascript

Una suma y resta en los text de acuerdo al botón que se presione.

Código PHP:

   
<script type="text/javascript">
 
// declaro las variables
 
int numero1, numero2;
 
// lo relaciono con la entrada de datos y el boton
 
numero1 = textvalor1;
numero2 = textvalor2;
 
// Al presionar el boton
 
if Sumar {
   textresultado = numero1 + numero2;
}
 
// Al presionar el boton
 
if Restar {
   textresultado = numero1 - numero2;
}
 
</script>
 
 
<form name="form1" method="post" action="mipagina.htm">
  <p><strong>Suma / Restar </strong></p>
  <p>Numero 1: 
    <input type="text" name="textvalor1">
    <br>
    <br>
    Numero 2: 
    <input type="text" name="textvalor2">
</p>
  <p>
    <input type="submit" name="Submit" value="Sumar ">
    <input type="submit" name="Submit" value="Restar">
  </p>
  <p>El resultado es: 
    <input type="text" name="textresultado">
  </p>
</form> 
  

No hace nada, que sera ?

[KiraSakuya]

Los botones tene que ser type button no submit, y tienes que poner en el evento onclick de éstos la llamada a las funciones que tienes ya definidas ;) si necesitas mas ayuda avisa :)

[JavatoSript]

Hola,

no puedes poner "if sumar" i "if restar", tendría que ser así:

// los dos botones pon esto:

<input type="button" name="Sum" value="Sumar " onClick="trabaja(suma) />
<input type="button" name="Res" value="Restar" onClick="trabaja(resta) />


entoncesla funcion "trabaja" es:

function trabaja(x) {

if (x=='suma') { bla bla bla }
if (x=='resta') { bla bla bla }

}


------------

En otras palabras, no hace nada tu script por que en ningun moimento relacionas los botones con las funciones. onClick para que actuen al ser clikados, o onMouseOver... o lo que te interese, declaras la funcion en concreto i AU!

suerte!

[KiraSakuya]

No me habia fijado en que ponias if en vez de function( las horas a las que me levanto son realmente malas :( ) JavatoSript tiene toda la razon :)

[colote]

y para tomar el valor de numero1, podes hacer

Código html:

<input type="text" id="numero1">
<input type="text" id="numero2">
<input type="button" name="Sum" value="Sumar " onClick="trabaja(suma) />
<input type="button" name="Res" value="Restar" onClick="trabaja(resta) /> 
<input type="text" id="resultado">
 

Entonces tomas el valor por el id.

Código javascript:

function trabaja(x){
numero1=parseInt(document.getElementById('numero1').value); // o parseFlaot si los queres flotantes
numero2=parseInt(document.getElementById('numero2').value);
 
if (x=='suma') {
resultado=numero1+numero2;
document.getElementById('resultado').value=resultado.toFixed(2); // 2 decimales
}
if (x=='resta') {
resultado=numero1-numero2;
document.getElementById('resultado').value=resultado.toFixed(2); // 2 decimales
}
 
}
 

Espero te sirva el ejemplo !!!

[flashtkd]

Es extraño pero el código no hace nada. Incluso se desaparece el botón restar, solo queda visible el botón suma, pero no cumple ninguna acción, que sera ?

Código PHP:

  <script type="text/javascript"> 
function trabaja(x){
 
// o parseFlaot si los queres flotantes
numero1=parseInt(document.getElementById('numero1').value); 
numero2=parseInt(document.getElementById('numero2').value);       
 
if (x=='suma') {
resultado=numero1+numero2;
document.getElementById('resultado').value=resultado.toFixed(2); 
// 2 decimales
}
 
 
if (x=='resta') {
resultado=numero1-numero2;
document.getElementById('resultado').value=resultado.toFixed(2); 
// 2 decimales
}
 
</script>
 
<form name="form1" method="post" action="mipagina.htm"> 
<input type="text" id="numero1">
<input type="text" id="numero2">
<input type="button" name="Sum" value="Sumar " onClick="trabaja(suma) />
<input type="button" name="Res" value="Restar" onClick="trabaja(resta) />
<input type="text" id="resultado">
</form> 
  

[lucasphp]

probale así: onClick="trabaja('suma')"
Aclaro que te falta la comilla al final de cada función