Tim Hortons Order Page: You have the choice to implement one of the following versions for this problem (Basic version) or (Slang version)
Basic Version: Make an app that implements the behavior in the storyboards below. The first page can be index.html but the second page must be a Servlet. Use the images given, resize the cup with CSS to show the different sizes. Keep track of the money made in a private instance variable for the Servlet. Use the HTML5 number input type and other elements to control what the user can enter and avoid errors. Use POST rather than GET. You should style the pages at least a little bit by linking them both to the same CSS style sheet.
Sample Run(s) see image. see another image.
Slang Version: Update your app to allow the user the choice of ordering with slang as shown below. Other than that, your app should give the same output. On the output end, you can view this as a translation problem translating from a slang term like Double Double to numbers that represent the number of sugars and creams. The translation could be done by the servlet, or maybe theres a way to set up the form so that it still sends sugar and cream info rather than slang terms
Sample output see image.