I'm a rookie at this form calculation stuff so be kind....
I've found information on the site about adding fields but this one has an additional step. I'm trying to do an order form that calculates the totals at the end of the form.
Basically it should do this
quantity of item 1 *30 = total for item 1
quantity of item 2 *35 = total for item 2
total = total for item 1 + total for item 2
I've got everything working except for the total. If I put in a quantity of 1 for item 1 and 1 for item 2 I don't get the correct total.
Below is my code, can anyone help me figure out what I did wrong? I'm over my head here....Thanks!!!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>temp</title>
<script language="javascript">
function calculate(form)
{
var item1 = form.item1.value;
var item2 = form.item2.value;
var item3 = form.item3.value;
var item4 = form.item4.value;
var total = form.total.value;
form.item2.value = (parseInt(item1) * 30);
form.item4.value = (parseInt(item3) * 35);
form.total.value = (item2 + item4);
}
</script>
</head>
<body>
<form method="POST" action="--WEBBOT-SELF--">
<table border="1" cellspacing="1" width="757">
<tr>
<td width="224" align="center"><strong>Quantity</strong></td>
<td width="39" align="center"><strong>price</strong></td>
<td width="476" align="center"><strong>total</strong></td>
</tr>
<tr>
<td width="224">item1<input type="text" name="item1" size="20"
onchange="calculate(this.form)" value="0"></td>
<td width="39">$30</td>
<td width="476">total for item1 orders<input type="text" name="item2" size="20"></td>
</tr>
<tr>
<td width="224">item2<input type="text" name="item3" size="20"
onchange="calculate(this.form)" value="0"> </td>
<td width="39">$35</td>
<td width="476">total for item 2 orders<input type="text" name="item4" size="20"></td>
</tr>
<tr>
<td width="224"> </td>
<td width="39">total</td>
<td width="476"> <input type="text" name="total" size="20"></td>
</tr>
</table>
<p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset"
name="B2"></p>
</form>
</body>
</html>
