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