Para no tener que poner la misma funcion dos veces en el codigo se puede modificar un poco, fncSumar la he modificado de forma que recibe 3 parametros: el nombre de la caja de texto con el primer numero de la suma, el nombre de la del segundo y el nombre de la caja de texto donde quieres mostrar la suma de estos dos numeros. Ademas cada vez que se actualiza alguno de los resultados parciales se llama a otra funcion fncSumarTotal que realiza la suma de los dos resultados parciales y la muestra en una tercera caja de texto:
Código HTML:
<html>
<head> SUMA DE 2 NUMEROS</head>
<body>
<script>
function fncSumar(caja1, caja2, destino){
caja=document.forms["sumar"].elements;
var numero1 = Number(caja[caja1].value);
var numero2 = Number(caja[caja2].value);
resultado=numero1+numero2;
if(!isNaN(resultado)){
caja[destino].value=numero1+numero2;
fncSumarTotal();
}
}
function fncSumarTotal(){
caja=document.forms["sumar"].elements;
var numero1 = Number(caja['resultado1'].value);
var numero2 = Number(caja['resultado2'].value);
resultado=numero1+numero2;
if(!isNaN(resultado)){
caja['resultado'].value=numero1+numero2;
}
}
</script>
<form method="post" name="sumar">
<table>
<tr>
<td>
Primer numero: <input type="text" name="numero1" size="2" onKeyUp="fncSumar('numero1', 'numero2', 'resultado1')"/>
Segundo numero: <input type="text" name="numero2" size="2" onKeyUp="fncSumar('numero1', 'numero2', 'resultado1')"/>
Resultado parcial1: <input type="text" name="resultado1" readonly="readonly"/>
</td>
</tr>
<tr>
<td>
tercer numero: <input type="text" name="numero3" size="2" onKeyUp="fncSumar('numero3', 'numero4', 'resultado2')"/>
cuarto numero: <input type="text" name="numero4" size="2" onKeyUp="fncSumar('numero3', 'numero4', 'resultado2')"/>
Resultado parcial2: <input type="text" name="resultado2" readonly="readonly"/>
</td>
</tr>
<tr>
<td>
Resultado total: <input type="text" name="resultado" readonly="readonly"/>
</td>
</tr>
</table>
</form>
</body>
</html>