Posted by casedeis@xxxxxx.xxx (Deis Case) on 2000-04-18
I'm just learning Javascript and am attempting to make an order form for my
dad's business. I can't get the CalculateCost function that I've made to
work. If someone can help me, I'd greatly appreciate it. Here's the whole
file.
<HTML>
<HEAD>
<SCRIPT LANGUAGE = "JAVASCRIPT">
function ThxMessage()
{ alert("Thank you for your order!") }
function CalculateCost(Qty, PriceEach)
{ var result
result = eval("Qty * PriceEach")
document.write(result)
return result }
</SCRIPT>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<FORM NAME = "OrderForm" ACTION = "mailto:casedeis@xxxxxx.xxx" METHOD =
"post" ONSUBMIT = "ThxMessage()">
<H1 ALIGN = CENTER>Hit & Miss Enterprises<BR>
ORDER FORM </H1><BR>
<TABLE>
<TR ALIGN = CENTER>
<TD><B>Quantity</TD>
<TD><B>Part #</TD>
<TD><B> Description </TD>
<TD><B> Cost Each </TD>
<TD COLSPAN = 1></TD>
<TD><B> Total cost </TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY1"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part1"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description1"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach1"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate1"
onCLICK = "document.OrderForm.TotalCost1.Value = CalculateCost(1, 5)"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost1" ></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY2"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part2"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description2"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach2"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate2"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost2"></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY3"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part3"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description3"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach3"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate3"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost3"></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY4"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part4"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description4"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach4"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate4"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost4"></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY5"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part5"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description5"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach5"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate5"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost5"></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY6"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part6"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description6"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach6"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate6"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost6"></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY7"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part7"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description7"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach7"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate7"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost7"></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY8"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part8"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description8"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach8"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate8"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost8"></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY9"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part9"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description9"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach9"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate9"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost9"></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY10"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part10"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description10"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach10"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate10"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost10"></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY11"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part11"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description11"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach11"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate11"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost11"></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY12"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part12"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description12"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach12"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate12"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost12"></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY13"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part13"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description13"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach13"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate13"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost13"></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY14"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part14"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description14"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach14"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate14"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost14"></TD>
</TR>
<TR ALIGN = CENTER>
<TD><INPUT TYPE = "text" SIZE = 5 NAME = "QTY15"></TD>
<TD><INPUT TYPE = "text" SIZE = 9 NAME = "Part15"></TD>
<TD><INPUT TYPE = "text" SIZE = 40 NAME = "Description15"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "CostEach15"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Cost" NAME = "Calculate15"
ONCLICK = "Cassie()"></TD>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "TotalCost15"></TD>
</TR>
<TR ALIGN = CENTER>
<TD COLSPAN = 4></TD>
<TH>Sub-Total</TH>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "SubTotal"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Sub-Total" NAME =
"CalculateSubTotal"></TD>
</TR>
<TR ALIGN = CENTER>
<TD COLSPAN = 4></TD>
<TH>Sales Tax <BR> (Ohio residents only)</TH>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "SalesTax"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Sales Tax" NAME =
"CalculateTax"></TD>
</TR>
<TR ALIGN = CENTER>
<TD COLSPAN = 4></TD>
<TH>Shipping</TH>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "Shipping"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Shipping" NAME =
"CalculateShipping"></TD>
</TR>
<TR ALIGN = CENTER>
<TD COLSPAN = 4></TD>
<TH>COD Charge</TH>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "COD"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate COD" NAME =
"CalculateCOD"></TD>
</TR>
<TR ALIGN = CENTER>
<TD COLSPAN = 4></TD>
<TH>Balance Due</TH>
<TD><INPUT TYPE = "text" SIZE = 6 NAME = "Balance Due"></TD>
<TD><INPUT TYPE = "button" VALUE = "Calculate Balance Due" NAME =
"CalculateBalance"></TD>
</TR>
</TABLE>
<CENTER>
<HR>
<B><I>Method of Payment</B></I><BR>
<INPUT TYPE = "radio" NAME = "PaymentChoice">Visa
<INPUT TYPE = "radio" NAME = "PaymentChoice">MasterCard
<INPUT TYPE = "radio" NAME = "PaymentChoice">Discover
<INPUT TYPE = "radio" NAME = "PaymentChoice">Check/Money Order
<INPUT TYPE = "radio" NAME = "PaymentChoice">COD<BR>
Credit Card#: <INPUT TYPE = "text" SIZE = 4 NAME = "1stFour">-<INPUT TYPE =
"text" SIZE = 4 NAME = "2ndFour">-<INPUT TYPE = "text" SIZE = 4 NAME =
"3rdFour">-<INPUT TYPE = "password" SIZE = 4 NAME = "LastFour"><BR>
Ship to:<BR>
Name: <INPUT TYPE = "text" SIZE = 20 NAME = "Name"><BR>
Address: <INPUT TYPE = "text" SIZE = 30 NAME = "Address"><BR>
City: <INPUT TYPE = "text" SIZE = 20 NAME = "City">
State: <INPUT TYPE = "text" SIZE = 2 NAME = "State">
Zip Code: <INPUT TYPE = "text" SIZE = 5 NAME = "Name"><BR>
<INPUT TYPE = "submit" NAME = "SubmitButton" VALUE = "Submit" >
</FORM>
Previous post | Next post | Timeline | Home