Question
design an online shopping using HTML,external css,external javascript o User should be able to select multiple products via Add to Basket buttons. Each time the
design an online shopping using HTML,external css,external javascript
o User should be able to select multiple products via Add to Basket buttons. Each time the user click on the button, a product will be added to the users basket. o Use a drop down menu for the property of a product that the visitor would like to buy. Whenever the property of the product is changed, Product description and Price of the product have to be updated. o The visitor can perform the payment by clicking on the Checkout button after filling up all the needed information that has to be provided for the Basket. o Basket of the visitor contains the following information: o payment method via radio buttons: one payment options can be selected, o name on the Card via text field: four text fields each of with 15 characters length, o expire date via two dropdown menu: for month and year selections, respectively, o CVV of the card via text field: a text field with accepting only 3 numbers. o Total Cost of the selected item should appear with the total number of all selected Items: o Total: The price for each product regarding properties may vary but you need to multiply the product price with the selected units (i.e. assume that 3 units of Product 1 with Property 3 and 2 units of Product 4 with Property 1 is selected; then the Total = (price of Product 1 for Property 3) * 3 + (price of Product 4 for Property 1) * 2. o Total cost is the summation of selected items cost and it should appear after the Checkout button is clicked. If the total cost is more than $1000, then delivery cost will not be applied; otherwise 10% delivery cost will be calculated (=total cost*0.10) and added to the total cost. o After the total cost appears, a confirmation message will be prompted to ask the visitor if s/he accepts the calculated total cost for payment. In case of acceptance; a thank you message will be alerted, otherwise application withdraw message will be alerted.
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started