to create a simple system to purchase tickets for an upcoming DMWT alumni event using JavaScript

Criteria

Excellent 25 points

Very Good 20 points

Good 15 points

Needs Work 10 points

No Submission 0 points

Countdown timer

Countdown timer meets the following four criteria with JavaScript code outside of any functions without modifying the HTML or CSS files:

· Timer is set to run for 10 minutes, displaying only the number of minutes and seconds left as shown in the sample solution with a pre-pended "0" if needed

· Timer is updated as each second elapses

· Timer is cleared so that it stops running when time has run out

· Alert is displayed when timer runs out and user is redirected back to the same page

Countdown timer meets three of the following four criteria with JavaScript code outside of any functions without modifying the HTML or CSS files:

· Timer is set to run for 10 minutes, displaying only the number of minutes and seconds left as shown in the sample solution with a pre-pended "0" if needed

· Timer is updated as each second elapses

· Timer is cleared so that it stops running when time has run out

· Alert is displayed when timer runs out and user is redirected back to the same page

Countdown timer meets two of the following four criteria with JavaScript code outside of any functions without modifying the HTML or CSS files:

· Timer is set to run for 10 minutes, displaying only the number of minutes and seconds left as shown in the sample solution with a pre-pended "0" if needed

· Timer is updated as each second elapses

· Timer is cleared so that it stops running when time has run out

· Alert is displayed when timer runs out and user is redirected back to the same page

Countdown timer meets one of the following four criteria with JavaScript code outside of any functions without modifying the HTML or CSS files:

· Timer is set to run for 10 minutes, displaying only the number of minutes and seconds left as shown in the sample solution with a pre-pended "0" if needed

· Timer is updated as each second elapses

· Timer is cleared so that it stops running when time has run out

· Alert is displayed when timer runs out and user is redirected back to the same page

Countdown timer was not attempted

Calculate Total

Calculate total meets the following four criteria using JavaScript functions without modifying the HTML or CSS files:

· Total is correctly calculated with a fixed-format with a $ and two decimal places

· Validation for number of tickets is correct and complete

· Error message next to the input field is displayed and background color of field changes when invalid number of tickets is entered

· contactInformation section of the webpage is shown/hidden depending on whether or not a valid number of tickets has been entered

Calculate total meets three of the following four criteria using JavaScript functions without modifying the HTML or CSS files:

· Total is correctly calculated with a fixed-format with a $ and two decimal places

· Validation for number of tickets is correct and complete

· Error message next to the input field is displayed and background color of field changes when invalid number of tickets is entered

· contactInformation section of the webpage is shown/hidden depending on whether or not a valid number of tickets has been entered

Calculate total meets two of the following four criteria using JavaScript functions without modifying the HTML or CSS files:

· Total is correctly calculated with a fixed-format with a $ and two decimal places

· Validation for number of tickets is correct and complete

· Error message next to the input field is displayed and background color of field changes when invalid number of tickets is entered

· contactInformation section of the webpage is shown/hidden depending on whether or not a valid number of tickets has been entered

Calculate total meets one of the following four criteria using JavaScript functions without modifying the HTML or CSS files:

· Total is correctly calculated with a fixed-format with a $ and two decimal places

· Validation for number of tickets is correct and complete

· Error message next to the input field is displayed and background color of field changes when invalid number of tickets is entered

· contactInformation section of the webpage is shown/hidden depending on whether or not a valid number of tickets has been entered

Calculate total was not attempted

Complete Purchase

Complete purchase meets the following four criteria using JavaScript functions without modifying the HTML or CSS files:

· Validation is created to ensure a valid name has been entered (anything other than a blank)

· Validation is created to ensure a valid email address has been entered (in the format [email protected])

· An error message is displayed next to the corresponding input field and the background color of the input field is changed when an invalid name or email is provided

· Thank you alert with total purchase amount is displayed and the timer is stopped when all valid information is displayed

Complete purchase meets three of the following four criteria using JavaScript functions without modifying the HTML or CSS files:

· Validation is created to ensure a valid name has been entered (anything other than a blank)

· Validation is created to ensure a valid email address has been entered (in the format  [email protected])

· An error message is displayed next to the corresponding input field and the background color of the input field is changed when an invalid name or email is provided

· Thank you alert with total purchase amount is displayed and the timer is stopped when all valid information is displayed

Complete purchase meets two of the following four criteria using JavaScript functions without modifying the HTML or CSS files:

· Validation is created to ensure a valid name has been entered (anything other than a blank)

· Validation is created to ensure a valid email address has been entered (in the format  [email protected])

· An error message is displayed next to the corresponding input field and the background color of the input field is changed when an invalid name or email is provided

· Thank you alert with total purchase amount is displayed and the timer is stopped when all valid information is displayed

Complete purchase meets one of the following four criteria using JavaScript functions without modifying the HTML or CSS files:

· Validation is created to ensure a valid name has been entered (anything other than a blank)

· Validation is created to ensure a valid email address has been entered (in the format  [email protected])

· An error message is displayed next to the corresponding input field and the background color of the input field is changed when an invalid name or email is provided

· Thank you alert with total purchase amount is displayed and the timer is stopped when all valid information is displayed

Complete purchase was not attempted

Project Reflection

Answered all five questions with accurate, complete information and met the minimum word requirement for each question answered.

Answered four questions with accurate, complete information and met the minimum word requirement for each question answered.

Answered three questions with accurate, complete information and met the minimum word requirement for each question answered.

Answered one or two questions with accurate, complete information and met the minimum word requirement for each question answered.

No project reflection completed.

Overall Score

Excellent 90 or more

Very Good 80 or more

Good 70 or more

Needs Work 60 or more

No Submission 0 or more