Assignment #3
(20 points)
- Watch the video
Health Club
and continue reading up on JavaScript and
start reading up on
CSS.
- Create a Health Club Calculator using JavaScript
similar to the one developed in the video and shown below.
Save your work as "assignment3-js.html".
-
|
Membership |
|
Charge |
|
Activity |
|
Charge |
|
Basic |
|
$80 |
|
Tennis |
|
$15 |
|
Gold |
|
$100 |
|
Racquetball |
|
$20 |
|
Gold Plus |
|
$120 |
|
Golf |
|
$25 |
|
|
|
|
|
Child Care |
|
$100 |
|
|
|
|
|
Personal Trainer |
|
$120 |
|
|
|
|
|
Swimming Pool |
|
$20 |
- Special considerations
-
- Your application must be mobile responsive. That is, the layout
of your content should be based on the size of the screen it is presented on.
More specifically, your code must contain 5 separate floating "<div>"
elements as represented by the different colors in the image below.
- Three of your textboxes must be created/evaluated without using an array.
The other three textboxes must be created/evaluated using an array.
- The value of "Total" must be calculated any time the user changes or clicks
on an element.
- Your code must contain a "Clear" button that restores your form
to its default state.
-
- Upload this file to your YOUR-CLASS-WEBSITE.
Help.
|