Create Your Own flower Bouqute

Item	Unit	Price
Red Roses		$5.5
Yellow Lily		$7.5
White Mini Calla		$4.00
Pink Orchid		$8.00
Orange Daisy		$7.00

Choose your delivery method

Standard ($2)

Premium ($6)

onclick="calculateTotal();"/>

a) Write JavaScript code (Q4.js) that is executed when the place order button is pressed and it

calculates the cost of each item (based on quantity specified) entered the online form and the

overall total cost. The results should be displayed on the same page under the form submission

button.

All JavaScript code must be external. If any fields are left blank or do not contain a number, an

alert box should display an appropriate error message upon form submission.

b) The following style rules must be implemented using an external CSS. Ensure that the stylesheet is

properly referenced in the HTML code

- All text in the page must be displayed in MediumBlue.

- The background color of the form is DarkOrange.

- The input form should have a fixed width of 540 pixels.

- The input form should be surrounded by a blue border and the distance from the content to the

border should be 10 pixels.

Question #4 Copy and paste the following HTML code into a new document: 24

Create Your form action= " " Own flower id="frm" > Bougute

table border="0"> Item Unit Price Red Roses size="3" /> td>$5.5 id="rose" Yellow Lily $7.5 size="3" id="lily" /> White Mini Calla $4.00 Pink Orchid /> td> $8.00 size=" 3" id="orchid" Orange Daisy X/td> $7.00 Choose your delivery method
br/> Standard ($2) Kinput type radio" name "delivery"/ Premium ($6) Kinput type-"button" value "Place Order" id-"sub" onclick-"calculateTotal):"/>