Question: You will use events/event handling, DOM, JavaScript Arrays to create a cash register app for Mini-Mart EMU.I have provided you as close to a skeleton

You will use events/event handling, DOM, JavaScript Arrays to create a cash register app for Mini-Mart EMU.I have provided you as close to a skeleton as I could provide in the handout from week 7. You "may" use this skeleton (or not use the skeleton if you so choose) and make a few modifications to include:Include a styled

block that adds (internal or external, not inline)oa border around the block (1 pt)oa margin around the block (1 pt)opadding so that the text and boxes and buttons are not plastered against the left side (1 pt)oa different color for the background within the box that is not harsh (1 pt)Include a styled

to center the name of the store (1 pt)At least the three input boxes: one each for Item, Cost, and QuantityoThese are stored as parallel arrays (4 pts)Display a running visual account of what is being purchasedoInclude dashes or some other means to separate the top part from the bottom area (.5 pt)oInclude the statement saying this is a receipt. Include your name in this statement (.5 pt)oInstead of the data being presented in an ordered list (with bullets), present the data from the arrays using a for loop in a nicely formatted table (without borders). (3 pt)oYour table is not to be of a default width. It is not to be really wide (not to be the width of the box). Set it up so that the minimum width of the or are set by you. (2 pts)Displaying the receipt in a table below the area where your data is entered:oWHEN the customer presses the "Go to Checkout": Includes the SAME display function PLUS calls the second display method that displays the total in a separate table (as shown in the sample). (3 pts)oTable is about as wide as the table above it (when things don't go on to more lines) and the costs approximately line up (2 pts)

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!