Click to See Complete Forum and Search --> : INPUT calculation help
abcrawfo
10-15-2003, 03:32 PM
Can someone please help me? I have 2 boxes <input...> boxes I need to auto-calculate into a 3rd. I.e.,
<INPUT Type=Text size=3 Name=score1>
<INPUT Type=Text size=3 Name=score2>
..then script to calculate the input values of those 2 boxes into the third:
<INPUT Type=Text size=3 Name=totalscore>
Thank You!!!
Charles
10-15-2003, 04:10 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<title>Example</title>
<style type="text/css">
<!--
label {display:block; margin:1em 0em}
input {display:block}
-->
</style>
<form action="">
<div>
<label>Score 1<input type="text"></label>
<label>Score 2<input type="text"></label>
<script type="text/javascript">
<!--
for (i=0; i<document.forms[document.forms.length-1].elements.length; i++) {document.forms[document.forms.length-1].elements[i].onchange = function () {this.form.elements[this.form.elements.length-2].value = 0; for (var i=0; i < this.form.elements.length-2; i++) {this.form.elements[this.form.elements.length-2].value = Number(this.form.elements[this.form.elements.length-2].value) + Number(this.form.elements[i].value)}}}
document.write('<hr><label>Total<input type="text"></label>');
// -->
</script>
<button type="submit">Submit</button>
</div>
</form>
abcrawfo
10-15-2003, 04:24 PM
Thanks Charles! You ROCK!