newbie stuck - please help

E

Ed

I am in an HTML class and have never used javascript before. We are
using a form where pizza toppings are selected by a checkbox.
Everything seems to be working except I need to have a box pop up
after the user hits a caclulate button that shows the toppings that
were selected. Can someone please examine my code and give me an idea
of what I need to do? The javascript provided (most of it) was from
the instructor.

Thank you so much in advance.

The HTML and JAVA:

<html>
<SCRIPT LANGUAGE="JavaScript">

function DayName(Day)
{
var WkDay = new Array();

WkDay[0]="Sunday Special";
WkDay[1]="Monday Special";
WkDay[2]="Tuesday Special";
WkDay[3]="Wednesday Special";
WkDay[4]="Thursday Special";
WkDay[5]="Friday Special";
WkDay[6]="Saturday Special";

return WkDay[Day];
}

function DishName(Day)
{
var DName = new Array();

DName[0]="Large Meat Lover's Pizza $15.99";
DName[1]="Personal Pan Pizza and soda of your choice $15.99";
DName[2]="Large Veggie Lover's Pizza and two sodas $15.99";
DName[3]="Extra Large California Chicken BBQ Pizza $15.99";
DName[4]="Large 'THE WORKS' Pizza and your choice of soda $15.99";
DName[5]="Large Sardine, Anchovie and Cheese Pizza $15.99";
DName[6]="Large Cheeseburge Pizza and your choice of sode $15.99";

return DName[Day];
}

function DishDesc(Day)
{
var DDesc = new Array();

DDesc[0]="This is the pizza for meat lovers! Every meat in the
house! Click on Daily Special below! ";
DDesc[1]="This is a personal pan pizza with 5 toppings of your
choice! Click on Daily Special below! ";
DDesc[2]="This is the pizza of vegetable lovers! Every conceivable
vegitable is on this one! Click on Daily Special below! ";
DDesc[3]="The hallmark of this pizzeria! Click on Daily Special
below! ";
DDesc[4]="This is the 'WORKS PIZZA!' You name it - it is probably on
it! Click on Daily Special below! ";
DDesc[5]="Straight from our septic tank out back! Real San Diego
sardines, almost anchovies and cheese from our pet goat, Jimmy! Click
on Daily Special below! ";
DDesc[6]="Move over McDonalds&reg; This pizza puts them to shame and
only at a 500% markup from their cost. Click on Daily Special below!
";

return DDesc[Day];
}


//Insert the titles of the nightly specials below

Today = new Date();
WeekDay = Today.getDay();

document.write("<marquee><FONT FACE = Comic Sans MS size=5 COLOR
=BLUE>");
document.write(DayName(WeekDay));
document.write("<FONT COLOR = RED>");
document.write(" ");
document.write(DishName(WeekDay));
document.write("</FONT>");
document.write(" ");
document.write(DishDesc(WeekDay));
document.write("</FONT></marquee>");

</SCRIPT>

<script>
function subtotal(menu)
{
var toppingCost = 0;
var toppingName;
var sizeName;
var subtotal;
var tax
var total;
var stateTax = menu.State.options[menu.State.selectedIndex].value

//This is not working for some reason - over my head
// var sizeCost = menu.SizePizza.checked[menu.SizePizza.checked].value
// will create if statements instead

if (menu.SizePizza[0].checked)
sizeCost = menu.SizePizza[0].value
sizeName = "Small Pizza"
if (menu.SizePizza[1].checked)
sizeCost = menu.SizePizza[1].value
sizeName = "Medium Pizza"
if (menu.SizePizza[2].checked)
sizeCost = menu.SizePizza[2].value
sizeName = "Large Pizza"
if (menu.SizePizza[3].checked)
sizeCost = menu.SizePizza[3].value
sizeName = "Extra-Large Pizza"

// Now for the checkboxes (toppings)


if (menu.topping[menu.topping.length-1].checked)
{
for(i=0;i<menu.topping.length;i++)
{menu.topping.checked=true;}
}

for(i=0;i<menu.topping.length;i++)
{
if (menu.topping.checked)
{
toppingCost = toppingCost + parseFloat(menu.topping.value);
}
}
for(x=0;x<menu.topping.length;x++)
{
if (menu.topping[x].checked)
{
toppingName = menu.topping.lable ;
}
}

subtotal = parseFloat(sizeCost) + toppingCost ;

tax = subtotal * stateTax ;

total = subtotal + tax;

menu.stotal.value = "$"+subtotal.toFixed(2);
menu.tax.value = "$"+tax.toFixed(2);
menu.total.value = "$"+total.toFixed(2);
alert("your Total is: " + total.toFixed(2) + " Your order is a: " +
sizeName )
document.write(toppingName)
}

</Script>


<head>
<title>Interactive Pizza - YOU create it and WE bake it!</title>

</head>
<body background="images/background.jpg">
<form>
<p align="center">
<img src="images/pizza.gif" border="0" alt="Piece of stinkin pizza"
width="105" height="86"><font face="Comic Sans MS" size="+3"
color="#0000FF">Inter-Active Pizza</font>
<img src="images/pizza.gif" border="0" alt="Piece of stinkin pizza"
width="97" height="80">

<table align="center" border="0" cellspacing="0"
cellpadding="0" width="90%">
<tr align="center" valign="middle">
<td align="center" valign="middle">
<!--R1C1--><font face="Comic Sans MS" size="3"
color="#0000FF">What size pizza do you want?
<table align="center" border="0" cellspacing="0" cellpadding="0"
width="40%">
<tr align="left" valign="middle">
<td align="left" valign="middle">
<!--R1C1--><input type="Radio" name="SizePizza" value="7.99"
checked >Small

</td>
</tr>
<tr align="left" valign="middle">
<td align="left" valign="middle">
<!--R2C1--><input type="Radio" name="SizePizza"
value="9.99">Medium

</td>
</tr>
<tr align="left" valign="middle">
<td align="left" valign="middle">
<!--R3C1--><input type="Radio" name="SizePizza"
value="12.99">Large

</td>
</tr>
<tr align="left" valign="middle">
<td align="left" valign="middle">
<!--R4C1--><input type="Radio" name="SizePizza"
value="15.99">X-Large

</td>
</tr>
</table>



</td>
<td align="center" valign="middle">
<!--R1C2--><p><font face="Comic Sans MS" size="3"
color="#0000FF">What State are you ordering from?</font><font
face="Comic Sans MS" size="3" color="#0000FF">

<select name="State">
<option value="0.08">CA </option>
<option value="0.08">NY </option>
<option value="0">Others </option>
</select></p>
</font>
</td>
</tr>
</table>
<p>
<table align="center" border="0" cellspacing="0" cellpadding="0"
width="70%">
<tr align="left" valign="middle">
<td align="left" valign="middle">
<!--R1C1--><h3>&nbsp;Vegetables</h3>
</td>
<td align="left" valign="middle">
<!--R1C2--><h3>&nbsp;&nbsp;Meats</h3>
</td>
<td align="left" valign="middle">
<!--R1C3--><h3>&nbsp;&nbsp;Drinks</h3>
</td>
</tr>
<tr align="left" valign="middle">
<td align="left" valign="middle">
<input type="Checkbox" name="topping" label="Onion"
value="0.50">
<!--R2C1--><font face="Comic Sans MS" size="3"
color="#0000FF">Onion
</td>
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="0.50">
<!--R2C2--><font face="Comic Sans MS" size="3"
color="#0000FF">Pepperoni
</td>
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="1.50">
<!--R2C3--><font face="Comic Sans MS" size="3"
color="#0000FF">Coca-Cola
</td>
</tr>
<tr align="left" valign="middle">
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="0.50">
<!--R3C1--><font face="Comic Sans MS" size="3"
color="#0000FF">Mushroom
</td>
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="0.50">
<!--R3C2--><font face="Comic Sans MS" size="3"
color="#0000FF">Sausage
</td>
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="1.50">
<!--R3C3--><font face="Comic Sans MS" size="3"
color="#0000FF">Sprite
</td>
</tr>
<tr align="left" valign="middle">
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="0.50">
<!--R4C1--><font face="Comic Sans MS" size="3"
color="#0000FF">Olives
</td>
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="0.50">
<!--R4C2--><font face="Comic Sans MS" size="3"
color="#0000FF">Bacon
</td>
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="1.50">
<!--R4C3--><font face="Comic Sans MS" size="3"
color="#0000FF">Root beer</font>
</td>
</tr>
<tr align="left" valign="middle">
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="0.50">
<!--R5C1--><font face="Comic Sans MS" size="3"
color="#0000FF">Green Peppers
</td>
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="0.50">
<!--R5C2--><font face="Comic Sans MS" size="3"
color="#0000FF">Italian Sausage
</td>
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="1.50">
<!--R5C3--><font face="Comic Sans MS" size="3"
color="#0000FF">Mr. Pibb
</td>
</tr>
<tr align="left" valign="middle">
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="0.50">
<!--R6C1--><font face="Comic Sans MS" size="3"
color="#0000FF">Pineapple
</td>
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="0.50">
<!--R6C2--><font face="Comic Sans MS" size="3"
color="#0000FF">Ham
</td>
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="1.50">
<!--R6C3--><font face="Comic Sans MS" size="3"
color="#0000FF">Orange Crush
</td>
</tr>
<tr align="left" valign="middle">
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="0.50">
<!--R7C1--><font face="Comic Sans MS" size="3"
color="#0000FF">Jalapenos
</td>
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="0.50">
<!--R7C2--><font face="Comic Sans MS" size="3"
color="#0000FF">Anchovies
</td>
<td align="left" valign="middle">
<input type="Checkbox" name="topping" value="1.50">
<!--R7C3--><font face="Comic Sans MS" size="3"
color="#0000FF">Ginger-Ale
</td>
</tr>
</table>
<br>
<table align="center" border="0" cellspacing="0"
cellpadding="0" width="50%">
<caption align="center"><h3>Extras</h3></caption><tr
align="center" valign="middle">
<td align="center" valign="middle">
<input type="Checkbox" name="topping" value="0.50">
<font face="Comic Sans MS" size="3" color="#0000FF">Extra
Cheese
</td>
</tr>
<td align="center" valign="middle">
<input type="Checkbox" name="topping" value="8.00">
<!-- Should be 15.99 but I do not feel like playing with this.
-->
<font face="Comic Sans MS" size="3" color="#0000FF">Daily
Special
</td>
</tr><td align="center" valign="middle">
<input type="Checkbox" name="topping" value="0">
<!-- Should be 15.99 but I do not feel like playing with this.
-->
<font face="Comic Sans MS" size="3" color="#0000FF">PREMIUM
</td>
</tr>
</table>
<br> <!-- We need a break here to seperate the tables -->
<table align="center" border="0" cellspacing="0"
cellpadding="0" width="20%">
<tr align="left" valign="middle">
<td align="left" valign="middle">
<!--R1C1--><font face="Comic Sans MS" size="3"
color="#0000FF">Subtotal:
</td>
<td align="left" valign="middle">
<!--R1C2--><input type="text" name="stotal" size="6">
</td>
</tr>
<tr align="left" valign="middle">
<td align="left" valign="middle">
<!--R2C1--><font face="Comic Sans MS" size="3"
color="#0000FF">Tax:
</td>
<td align="left" valign="middle">
<!--R2C2--><input type="text" name="tax" size="6">
</td>
</tr>
<tr align="left" valign="middle">
<td align="left" valign="middle">
<!--R3C1--><font face="Comic Sans MS" size="3"
color="#0000FF">Total:
</td>
<td align="left" valign="middle">
<!--R3C2--><b><input type="text" name="total"
size="6"></b>
</td>
</tr>
</table>
<br>
<table align="center" border="0" cellspacing="0"
cellpadding="0" width="30%">
<tr align="center" valign="middle">
<td align="center" valign="middle">
<!--R1C1--><input type="button"
onclick="subtotal(this.form)" value="Calculate">
</td>
<td align="center" valign="middle">
<!--R1C2--><input type="reset" value="Reset">
</td>
</tr>
</table>
</form>
</body>

</html>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Can anyone please help? HTML - two tables applying different styles 4
Help with Visual Lightbox: Scripts 2
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
How to have two html audio players on one page? 0
Can I modify the tooltip display on an <input type="xx"> statement? 2
SendGrid email issue in responsive Gmail 1
How to position the *tooltip* comment on these buttons? 9

Members online

No members online now.
Total: 87 (members: 0, guests: 87)
Robots: 420

Forum statistics

Threads
473,768
Messages
2,569,574
Members
45,048
Latest member
verona

Latest Threads

Top