Sumar con textfield JavaScript

[flashtkd]

Como puedo hacer que al presionar el boton sume los numeros ingresados en la cajas para luego dar el resultado en la ultima caja,

Código PHP:

  <form name="form1" method="post" action="">
    <p>Numero 1: 
    <input type="text" name="textfield">
    </p>
    <p>Numero 2:   
    <input type="text" name="textfield2">
    </p>
    <p>
    <input type="submit" name="Submit" value="Sumar">
    </p>
    <p>El Resultado es: 
    <input type="text" name="textfield3">
    </p>
 </form> 
   

Código Javascrip

Código PHP:

  <script language="JavaScript" type="text/javascript">
var numero1 = textfield1;
var numero2 = textfield2;
resultado = numero1 + numero2;
textfield3.write(resultado);
</script> 
  

[Gurrutello]

Hola en principio seria modificar el codigo un poco, cambiar el boton de "submit" a " button" si no el formulario se enviara. Ademas le he asignado una ID a cada campo de formulario.
En este ejemplo utilizo document.getElementById aunque hay otras formas de hacerlo

Código PHP:

  <form name="form1" method="post" action=""> 
    <p>Numero 1:  
    <input type="text" id="textfield" name="textfield"> 
    </p> 
    <p>Numero 2:    
    <input type="text" id="textfield2" name="textfield2"> 
    </p> 
    <p> 
    <input type="button" name="Submit" value="Sumar" onclick="suma()"> 
    </p> 
    <p>El Resultado es:  
    <input type="text"id="textfield3"  name="textfield3"> 
    </p> 
 </form> 
   

y el javascript

Código PHP:

  <script language="JavaScript" type="text/javascript"> 
function suma(){
var numero1 = document.getElementById("textfield1").value; 
var numero2 = document.getElementById("textfield2").value; 
var resultado = numero1 + numero2; 
document.getElementById("textfield3").value = resultado; 
}
</script> 
  

Aunque no lo he probado creo que asi te funcionara

[flashtkd]

lo eh probado pero no funciona, a que se debera ?

[Gurrutello]

Hola perdona

Habia puesto" textfield1" para el primer campo de texto cuando deberia de ser textfield

Código PHP:

  <script language="JavaScript" type="text/javascript">  
function suma(){ 
var numero1 = document.getElementById("textfield").value;  
var numero2 = document.getElementById("textfield2").value;  
var resultado = numero1 + numero2;  
document.getElementById("textfield3").value = resultado;  
} 
</script> 
  

ahora si funciona