item 1 Price: $8 Add Item 1 to Cart item 2 Price: $45 Add Item 2 to Cart item 3 Price: $15 Add Item 3 to Cart Cart Total: Enter Payment Amount: Confirm Purchase
language: HTML
Create a responsive webpage for food items. there are three requirements
1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away
2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice.
3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown:
"payment amount is less than cart total"
otherwise:
"payment complete"
Step by step
Solved in 4 steps with 1 images
