Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Copy and paste the following HTML code into a new document: Q4 Create Your Own flower Bouqute Item Unit Price Red Roses $5.5 Yellow Lily

Copy and paste the following HTML code into a new document:

Q4

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



Standard ($2)

Premium ($6)


Concordia University

SOEN 287: Web Programming 1 Winter 2019

Assignment 3

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.

The resulted page looks like as the following.image text in transcribed

Create Your Own Flower Bouqute Item Unit Price Red Roses Yellow Lily White Mini Calla 2 Pink Orchid0 Orange Daisy 0 $5.5 $7.5 $4.00 $8.00 $7.00 Choose your delivery method Standard (S2) Premium (S6) Place Order ed Roses(units = 1): $5.5 Yellow Lily (units- 2): $15 White Mini Calla (units- 2): $8 Pink Orchid(units 0): S0 Orange Daisy (units 0): SO Delivery: S2 Final Total: S30.5

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Guide To Client Server Databases

Authors: Joe Salemi

2nd Edition

1562763105, 978-1562763107

Students also viewed these Databases questions