89 lines
2.8 KiB
HTML
Executable File
89 lines
2.8 KiB
HTML
Executable File
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
|
<html>
|
|
<head>
|
|
<title>Example 5.9 and 10</title>
|
|
<script>
|
|
function getOrder()
|
|
{
|
|
document.write('<table width="60%" align = "center">');
|
|
var count = 1; var num = 0; cost = 0; var sub = 0;
|
|
var item = " "; var choice = " ";
|
|
document.write('<tr><td><img src="images/jewel_box1.jpg" /></td></tr>');
|
|
shop();
|
|
function shop()
|
|
{
|
|
while (item != "X")
|
|
{
|
|
item = prompt("Enter the letter of item number " + count + " or enter 'X' when you are finished.");
|
|
num = parseInt(prompt("How many do you want (enter 0 if done)?", " "));
|
|
document.write('<tr>');
|
|
sub = cost;
|
|
switch (item)
|
|
{
|
|
case "A":
|
|
case "B":
|
|
cost = cost + (num * 5.95);
|
|
break;
|
|
case "C":
|
|
cost = cost + (num * 8.95);
|
|
break;
|
|
case "D":
|
|
cost = cost + (num * 12.95);
|
|
break;
|
|
case "E":
|
|
cost = cost + (num * 14.95);
|
|
break;
|
|
case "F":
|
|
cost = cost + (num * 18.95);
|
|
break;
|
|
case "G":
|
|
cost = cost + (num * 15.95);
|
|
break;
|
|
case "H":
|
|
case "I":
|
|
cost = cost + (num * 21.95);
|
|
break;
|
|
}
|
|
count++;
|
|
if (item != "X")
|
|
{
|
|
document.write("<td>You ordered " + num + " of item " + item + " <br /> The total cost so far is $ " + cost.toFixed(2) + "</td>");
|
|
document.write('</tr>');
|
|
}
|
|
else
|
|
break;
|
|
if ((cost > 100) && (choice == " "))
|
|
{
|
|
alert("Your next purchase will put your order over $100 and shipping costs triple.");
|
|
choice = prompt("Do you want to continue shopping anyway? Enter 'y' or 'n':" , " ");
|
|
}
|
|
if (choice == "y")
|
|
shop();
|
|
if (choice == "n")
|
|
{
|
|
document.write("<td>Your last item has been removed. Your present total is $ " + sub.toFixed(2) + "</td>");
|
|
break;
|
|
}
|
|
}
|
|
document.write('</table>');
|
|
}
|
|
}
|
|
</script>
|
|
</<head>
|
|
<body>
|
|
<table align ="center" width ="70%" ><tr><td colspan ="3">
|
|
<h1>Order Your Jewelry Now!</h1>
|
|
<tr><td><img src = "ring1.jpg" alt ="ring1" /> <br /> A: ring 1, cost: $ 5.95 </td>
|
|
<td><img src = "ring2.jpg" alt ="ring2" /> <br /> B: ring 2, cost: $ 5.95 </td>
|
|
<td><img src = "ring3.jpg" alt ="ring3" /> <br /> C: ring 3, cost: $ 8.95 </td></tr>
|
|
<tr><td> <img src = "bracelet1.jpg" alt = "bracelet1" /> <br /> D: bracelet 1, cost: $ 12.95 </td>
|
|
<td> <img src = "bracelet2.jpg" alt = "bracelet2" /> <br /> E: bracelet 2, cost: $ 14.95 </td>
|
|
<td> <img src = "bracelet3.jpg" alt = "bracelet3" /> <br /> F: bracelet 3, cost: $ 18.95 </td></tr>
|
|
<tr><td><img src = "pendant1.jpg" alt ="pendant1" /> <br /> G: pendant 1, cost: $ 15.95 </td>
|
|
<td><img src = "pendant2.jpg" alt ="pendant2" /> <br /> H: pendant 2, cost: $ 21.95 </td>
|
|
<td><img src = "pendant3.jpg" alt ="pendant3" /> <br /> I: pendant 3, cost: $ 21.95 </td></tr>
|
|
<tr><td colspan="3"><p><br /><input type="button" id="order" value="Place your order" onclick="getOrder();" /></p></td></tr>
|
|
</table></body>
|
|
</html>
|
|
|