WDV221 Intro Javascript

Final Exam Project

Bruce's BBQ & Catering

Catering Menu Planner

Please use our Menu Planner to help us cater your next function. Choose your selections and our Planning Menu will provide you with an estimate for your function.

Customer Name:
Primary Meat:

Side Dishes:

1. Use Javascript to populate the option elements for this drop down.

Additional Products:  
Do you need Utensils: Yes No

2. Calculate and display the cost per person

Estimated Price Per Person: (Note: this should be a properly formatted dollar amount)

Catering Estimate

Prepared for:





How many people do you expect?

Calculate Estimate: 8. Use the price person and the number entered

Catering Estimate:

9. Clear the estimate amounts and the quantity field.

Project Instructions:

  1. Use the given arrays to dynamically create the option list for the Side Dishes select box.
  2. The button should calculate the price per person. This is done by adding up the individual values based upon the user's selections. Display the Estimated Price Per Person for Event in the area indicated. The output should be properly formatted as a dollar amount.
  3. Display the customer name from the form on the Estimate.
  4. Display the selected value from the form on the Estimate.
  5. Display the selected value from the form on the Estimate.
  6. Display the selected value from the form on the Estimate.
  7. Display the selected value from the form on the Estimate.
  8. The Calculate Estimate button should calculate the Catering Estimate. Use the Price Per Person and multiply it by the Number of People Expected. Display this number on the Estimate area. The number should properly formatted as a dollar amount.
  9. The Try again button should clear the Estimated Price for Event area and return the background to the original background color.

Extra Credit:

  1. Implement a banner rotator on the page.
  2. Allow the customer to select multiple side dishes and include them in the menu and the estimate.
  3. Display the additional products in the menu on the estimate.
  4. Include additional functionality of your own choice! Note on the page what you added.

Grading Rubric: Partial Credit is Good!!

0 Not attempted

1 Attempted

2 Displays a value other than an error

4 Displays the correct value but not properly formatted or processed correctly.

5 Functions as expected or displays correct values properly formatted.