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