Assignment:

Develop a website using HTML$,$CSS$,$ and

JavaScript which will let user

Background should show picture of grocery items along with display message

such as Online Self Checkout

On the first page, it should have Option that will let user to enter his membership

ID number along with PIN number, if the user forgot this information, user should

be able to hit the skip button. Also, a display menu when user hit click search or

key in item button, it should display grocery items bananas, cherries,

strawberries along with vegetables items such as celery, carrots, tomatoes, book

of stamps, water. Now, when user hit bananas, it should tell user to put bananas

on the scale, once you put bananas on the scale, in the background an algorithm

should be implemented that will calculate price based on the weight of bananas

such as if it is $0\mathrm{.}39$ per pound, then it should be per pound multiply by price and

display the description of item and it's price on the display menu which should

show all items added so far along with tax, and total price. The items displayed

with tax should be Coke, shirts, trousers etc. Use arrays to store items. If user is

having difficulty to find an item, then it should let them able to enter PLU which is

four digit code for item or barcode of shirt, Coke on the keypad, once the user

enters plu or barcode number and hits enter key, it should display item price and

description on the display menu.

You should be able to add and remove items in the cart. Once you hit the check

out button, it should show options for payment such as cash, check, and card.

And payment button, so if user hits check button, it should say please take check

to self checkout attendant to continue with your final payment. if user hits cash

or card then let user insert cash and tell him to insert coins first and then cash,

for credit card payments, it should tell user to slide card through pin pad. Also,

ask user if they have any coupons and have them scan and insert coupons in the

coupons slot.

After making payment, the user should hit the print receipt button and it should

display form of payment, transaction details, items purchased along with their

price, tax and total etc.

Please explain on a separate sheet what each code of function in JavaScript

trying to accomplish.

Please provide screenshots to make sure al the Req of code are working and

especially add functions to remove, add items by showing a symbol of cart when you

remove the items, cart should be updated as well.