Answered step by step
Verified Expert Solution
Question
1 Approved Answer
PLEASE HELP WITH CODE Assignment Instructions: 1. Make a folder named a2-firstname-lastname. 2. Make a HTML file and save it with the name index.html within
PLEASE HELP WITH CODE
Assignment Instructions: 1. Make a folder named a2-firstname-lastname. 2. Make a HTML file and save it with the name index.html within the a2-firstnamelastname folder. 3. The > tag should read: Assignment 2 for . 4. Develop a web application for a self-order kiosk. The type of store that you design, and its products is left to your discretion. 5. Using HTML Static Content, CSS: a. Display the products available to purchase along with a button each to add the product to the order. b. Minimum 5 products should be available for purchase. c. The design is of your choice. 6. Using JavaScript - Event handling and client-side processing: a. All JavaScript code must be in an external script file. b. When the user clicks on the button to add a product to the order, ask the user for the product quantity in a pop up. c. When the user clicks on the checkout button, ask the customer for their name in a pop up to place the order. 7. The following user input must be validated: a. Product quantity should be numeric only and greater than zero. b. The user must enter their name to checkout. 8. On successful checkout, generate a receipt to give to the customer, including all the products bought, quantity, cost, taxes, total cost, and customer name. a. The receipt should only show the products the user bought. No empty or o (zero) values to be included. b. Calculate and include GST/HST (@13\%). 9. Apply CSS and use your own imagination on background color, font color, font size etc. The webpage should look professionalStep by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started