TexasWebDevelopers--A Dallas Texas Web Design and Development Company.

• Portfolio • FAQ's • Pricing • Request Info • Code Examples • Demos • Marketing • Tutorials • Downloads •

Add numbers using javascript

Here is the code:

OR

Here is the code:

<script type="text/javascript" language="javascript">
function getTotal(oForm)
  {
  var field, i = 0, total = 0, els = oForm.elements;
  var fieldnames = ['H1' , 'T1' , 'H2' , 'T2' , 'H3' , 'T3' , 'T4'];
  for (i; i < fieldnames.length; ++i)
  {
  field = els[fieldnames[i]];
  if (field.value != '' && isNaN(field.value))
  {
  alert('Please enter a valid number here.')
  field.focus();
  field.select();
  return '';
  }
  else total += Number(field.value);
  }
  return ' ' + total;
  }
</script>
</head>
<body>
<form>
<input id="H1" type="text" name="H1" value="" />___H1<br />
<input id="T1" type="text" name="T1" value="" />___T1<br />
<input id="H2" type="text" name="H2" value="" />___H2<br />
<input id="T2" type="text" name="T2" value="" />___T2<br />
<input id="H3" type="text" name="H3" value="" />___H3<br />
<input id="T3" type="text" name="T3" value="" />___T3<br />
<input id="T4" type="text" name="T4" value="" />___T4
<br /><br />
<input id="total" type="text" name="total" value="" readonly="readonly" /> 
<input type="button" value="Get Total" onclick="total.value=getTotal(this.form)" />
<input type="reset" />
</form>