Instruction:

The summer is coming and CARIT has four student assistant positions open (not real!). In order to be considered for such a position, a student has to complete some required courses and meet the minimum average grade (of these required classes) requirement. See the table below.

* Note: please decide the other courses as you like.

Student status

Courses Required Completion

Grade average requirement (for the four courses required)

Undergraduate

1. CSE 3203 Mobile System Overview

2. IT 4213 Mobile Web Development

3.

4.

5.

>3.2

Graduate

1. IT 7113 Data Visualization

2. IT 6713 Business Intelligence

3.

4.

>3.7

Function/content requirements:

Make a web page for students to evaluate their eligibility to apply for the positions. Add this page to the main menu as well.

In this new page:

1. Provide a short description of the page, purpose, and instructions.

2. Design a form for students to enter their information and get the evaluation results. Complete the following functionalities using JavaScript.

The student should first select his student status. Depending on the information provided, different set of course titles should be presented.

A student then should enter or select a letter grade (A, B, C, D, or F) for each course. Use appropriate form controls to accept user inputs.

After hitting the "Evaluate" button, the result (average grade) with a message should be displayed right underneath the form.

Use the rules of this course to convert letter grades to numeric point grades (e.g. A is 4.0, etc.).

If the average grade requirement is met, display a congratulation message with instructions to apply (linking to the application form page which will be in milestone #3); if not, thank his/her interest (make up your own text) but do not show the application form link.

Make CSS file for the form

Style requirements

1. The new page should have the same style and layout as the site.

2. Apply some custom style to form controls, other than the default style.

3. Use a simple style, neat, clean; not too colorful and flashy. Refer to milestone #1 style requirements.

File/code organization requirements

1. Professionally name all files.

2. You may embed JavaScript directly in the page or make separate script file (.js).