The Customer will enter their contact information They must choose a time if they pick up the order Calculate the cost of the order and display it on the page. Page Requirements: Textboxes for. Name (first and last) and contact Phone number. Choose a time to pick up their order. Use înput type="datetime-local" to choose the pick-up tim Choose from the following food items and quantity: (Note: Default quantity should be zero)

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question
Café Europa has take-out and small dine-in location. If customers can order online and choose a convenient time for pick up.
Use HTML 5, CSS and JavaScript to create a web application for 'Café Europa'. The application will do the following:
The Customer will enter their contact information
They must choose a time if they pick up the order
Calculate the cost of the order and display it on the page.
Page Requirements:
• Textboxes for: Name (first and last) and contact Phone number.
Choose a time to pick up their order. Use input type="datetime-local" to choose the pick-up time.
Choose from the following food items and quantity: (Note: Default quantity should be zero)
Neapolitan Style Pizza:
o Margherita:
Quattro Formaggi: $12.50
o Capricciosa:
$12.00
$13.00
Sandwich Choices:
Schnitzel:
$8.50
$9.50
o Big Beef on a Bun $10.00
Mixed Grill
Bevarages
Coffee:
$2.00
Latte:
$2.50
Soft drink:
$1.75
The web page will include the following features:
Include the current date at the top of the Page. Use 'onLoad' or window.onload' to create the 'Date' object
and display it on the page
o Include a background image or pattern.
Functionality:
Use HTML5 inputs and patterns' to ensure that the 'Name' only contain alphabetic, spaces and hyphens in the name. Create a
pattern to validate the Phone Number. All these elements are required and will display an error if left blank.
Use CSS to manage the presentation of the page.
Your web app will use a JavaScript function to calculate the total cost of the order and print to the screen the customer's name,
contact phone, pick-up time, the details of the order and the final cost.
Transcribed Image Text:Café Europa has take-out and small dine-in location. If customers can order online and choose a convenient time for pick up. Use HTML 5, CSS and JavaScript to create a web application for 'Café Europa'. The application will do the following: The Customer will enter their contact information They must choose a time if they pick up the order Calculate the cost of the order and display it on the page. Page Requirements: • Textboxes for: Name (first and last) and contact Phone number. Choose a time to pick up their order. Use input type="datetime-local" to choose the pick-up time. Choose from the following food items and quantity: (Note: Default quantity should be zero) Neapolitan Style Pizza: o Margherita: Quattro Formaggi: $12.50 o Capricciosa: $12.00 $13.00 Sandwich Choices: Schnitzel: $8.50 $9.50 o Big Beef on a Bun $10.00 Mixed Grill Bevarages Coffee: $2.00 Latte: $2.50 Soft drink: $1.75 The web page will include the following features: Include the current date at the top of the Page. Use 'onLoad' or window.onload' to create the 'Date' object and display it on the page o Include a background image or pattern. Functionality: Use HTML5 inputs and patterns' to ensure that the 'Name' only contain alphabetic, spaces and hyphens in the name. Create a pattern to validate the Phone Number. All these elements are required and will display an error if left blank. Use CSS to manage the presentation of the page. Your web app will use a JavaScript function to calculate the total cost of the order and print to the screen the customer's name, contact phone, pick-up time, the details of the order and the final cost.
Expert Solution
steps

Step by step

Solved in 3 steps with 1 images

Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY