Mirco Project: webpage [javascript, JQuery, css, html]

Completed Posted 6 years ago Paid on delivery
Completed Paid on delivery

HTML5, CSS3, JavaScript and JQuery [No server side programming]

Requirements:

Using HTML5, CSS2, JavaScript and JQuery to develop and an interactive page for an online quiz.

The main page will contain the following items:

 The user interface should display a company logo (contact me for the logo) and

 A menu of available quizzes.

Once the user selects a quiz, he must provide his name and email address in a form in order to start the quiz.

Use form validation and regular expressions to validate the user inputs.

The questions will then appear one at a time. Use at least 10 questions:

 5 multiple choice questions with only one correct answer,

 3 multiple choice with more than two correct answers, and

 2 drag and drop questions to fill blanks.

Each group of questions is allocated a time period (say 5 minutes, 10 minutes, and 4 minutes, respectively).

The examinee can go back and forth within each group of questions but not from one group to the other

before the adjusted time period ends.

Once the user submits his answers, the system grades the questions and shows a report of his grade.

1) Total number of questions and percentage grade

2) Number and percentage of correctly answered questions in each group (shown as a pie chart)

3) Number and percentage of partially answered questions in the second group (shown as a pie chart)

The grade formula is a follows:

1) First group: one point for each correct question

2) Second group: one point for each correct choice and minus one point for each incorrect choice

3) Third group: one for each correct attempt and minus one for each incorrect attempt (limit attempts

to 5 per question)

Finally, a copy of the report should be sent as a formatted email to the examinee’s email.

Notes:

1. Create and use external style sheet

2. Create and use external JavaScript/JQuery

Validation of your created files

1. Validate your HTML files using [url removed, login to view] and provide a screenshot of the result. A link to the validation results (snapshot) can be added in the footer of the webpage.

2. Validate your CSS files using [url removed, login to view] and provide a screenshot of the result. A link to the validation results (snapshot) can be added in the footer as well.

CSS HTML HTML5 JavaScript jQuery / Prototype

Project ID: #16520854

About the project

3 proposals Remote project Active 6 years ago

Awarded to:

$15 USD in 1 day
(0 Reviews)
0.0
samad55

A proposal has not yet been provided

$25 USD in 1 day
(0 Reviews)
0.0