Sumar valores de recuadros

[FerraN10]

Hola. Tengo una idea bastante simple que me gustaría solucionar lo antes posible para poder avanzar en la aplicación que estoy haciendo.

Me gustaría tener varios recuadros (ejemplo inputs) donde poner varias cantidades y estas me las imprima en otro y poder almacenarla en una variable para poder jugar con ella.

Ejemplo:

Input 1 -- Introducir cantidad 1200
Input 2 -- Introducir cantidad 104
(1304).
Mostrar en un parrafo por ejemplo y ver el total de estos 2 inputs. (1304). Todo esto que sea al instante a medida que yo lo cambie si borrara un "0" de los 1200 que automáticamente volviera a sumar y saliera por ejemplo 120+104=224. Me entendéis a lo que me refiero?

Muchas gracias. Seguramente me digáis que es Ajax o algo de JavaScript. Pero si me orientarais con algunas funciones o ejemplos de algún lado que a alguien le funcionaron en su dia para aprender lo agradecería!

Un saludo a todos y gracias

[kspr]

algo asi?

Código HTML:

<div><input type="text" name="sumar"></div>
<div><input type="text" name="sumar"></div>
<div><input type="text" name="sumar"></div>
<div><input type="text" name="sumar"></div>
<div><input type="button" onclick="sumar()" value="sumar!"></div>
<script type="text/javascript">
 
function sumar(){
 
    var elementos = document.getElementsByName("sumar");
    var total = 0;
    for(i = 0; i <= elementos.length; i++){
      if(typeof elementos[i] != 'undefined')
        total += parseInt(elementos[i].value);
}
 
alert('suma total: ' + total);
 
}
</script>
 

[FerraN10]

Hola! Si bueno a ver el tema ese de sumar los valores llego a entenderlo, lo que quiero es la idea de que se vea como en un excel. Que se vea instantaneamente el cambio sin yo tener que darle al input para que sume en un Alert. Entiendes? Muchas gracias. Que se visualize instantaneamente en un recuadro la suma de esos 4 a medida que introduces valores en los recuadros.

Gracias un saludo!