ScenarioWilson Zoo would like you to implement and test a web application to be used to order drinks at their smoothie and milkshake shack, The Monkey Bar. Basic ApplicationYour web application musthave one HTML file and one JS file (no navigation or style is needed)you may use a single style sheet to show and hide elements as per the specificationprovide suitable form elements to allow the customer to select a drink, by choosing:size, type, ingredients, base and extras, as shown belowdisplay the cost of the current drink, for example:provide a button to add the current drink to an orderdisplay the full details and cost of all drinks that have been added to the order, for example:display a running total of the cost of the order, for example: provide a button to place the order which simply outputs a message stating the order has been received and resets the screenThe customer can pick the following options for their drink:size:small - £2.45medium (default) - £2.95large - £3.45type:smoothie milkshakeingredients - at least 1:bananastrawberriesraspberriesblueberriesmangochocolatewhite chocolateif the customer has selected a smoothie, they must select one of the following bases:apple juice (default)orange juice if the customer has selected a milkshake, they must select one of the following bases:whole milksemi-skimmed milk (default)coconut milkoat milkif the customer has selected a milkshake, they can also add any of the following extras at 50p each, (for example: cream, marshmallows and malt) chocolate sprinklesmarshmallowscreammalt Additional FeaturesImplement the following additional features:ability to save a favourite drinkadd 2 buttons to the form: "save favourite" and "order favourite"see requirements in the marking scheme for add favourite ability to read the list of ingredients from an external JSON file and use it to populate the ingredients on the form Current drink£2.45Small smoothie: banana, strawberries with apple juice£2.45Large smoothie: strawberries with orange juice£3.45Small milkshake: banana with oat milk and extra malt and cream £3.45Medium smoothie: banana, mango, strawberries with apple juice£2.95Total£12.30

Answered: Image /qna-images/answer/e8335637-52a0-487e-ac9e-321b8a3fd8b8.jpg

Answered: Wilson Zoo would like you to implement…

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...

Wilson Zoo would like you to implement and test a web application to be used to order drinks at their smoothie and milkshake shack, The Monkey Bar.

Basic Application

Your web application must

have one HTML file and one JS file (no navigation or style is needed)
- you may use a single style sheet to show and hide elements as per the specification
provide suitable form elements to allow the customer to select a drink, by choosing:
- size, type, ingredients, base and extras, as shown below