<html>
<head>

</head>
<body>

<form name=thisform>
Box 1<input onblur=addTotals(1) type=text name=item1 value=4>
<BR>
Box 2<input onblur=addTotals(1) type=text name=item2 value=7>
<BR>
Total (result of 1 times 2):
<input type=text name=total_1 value="?" readonly>
<BR>Average of both numbers:
<input type=text name=avg_1 value="?" readonly>
<HR>
</form>

<script language="javascript"> 
function addTotals(_v) { 
  with (document.forms["thisform"])
  {
    var totalResult=0;
      totalResult = (Number( item1.value ) + Number( item2.value ))/2; 
      avg_1.value = totalResult;
      totalResult = Number( item1.value ) * Number( item2.value ); 
      total_1.value = totalResult;
  }
} 

</script>

</body>
</html>