Web Application Development

$1^{st}$ semester $(2023-2024)$

Assignment$2$

Using JS$/$HTML$5/$CSS$3$ design the below web page that represent a simple online market with

following details:

Welcome in Our Vegetable market

Unit in ak

Onion $0\mathrm{.}50j\frac{d}{k}g$

Potato $0\mathrm{.}60j\frac{d}{k}g$

Mushroom $1\mathrm{.}15j\frac{d}{k}g2$

Receipt

$7-$Onion $7$jd

$2-$Potato $0\mathrm{.}60$ jd

$3-$Mushroom $2-30$jd

$4-$Delivery $2$jd

Cucumber $0\mathrm{.}70j\frac{d}{k}g$

Total Cost: $5\mathrm{.}9jd$

Corn $0\mathrm{.}60j\frac{d}{k}g$

Service Type:

Delivery

Pickup

$5\mathrm{.}9$

JD

$1-$ All Quantity text boxes are disabled, the user use $(+)$ and $(-)$ buttons to determine the

quantity, please note that $(-)$ button must keep the quantity $(0)$

$2-$ When user select service type $($Delivery$)$ the below message will appear to the user

And $2jd$ will be added to the cost

$3-$ When user select service type $($Pickup$)$ the below message will appear to the user

$4-$ When user click the button $($Total Cost$)$ the required cost will appear in disabled text box

and a recei pt like the one showed in the previous web page will be displayed $($Loads the assignment as a single file of a type HTML$)$