IT 411

Fall 2024

Craig Miller

Weekly Notes

Assignments

Technical References

Assignment 8
Snazzy Quiz: Visual Effects with jQuery
Submit before 11:30 PM Saturday November 9

Overview

For this project, you will create a simple quiz and implement it with web pages. The content will be of your own choosing. You will use some jQuery methods to add some special effects.

Quiz Requirements

Your page must ask at least 5 questions, show the number of correct answers and provide at least three different written assessment messages depending on the score (requires conditional statements).

For full credit, your quiz must meet the following requirements:

  • At least 5 questions, such as with radio buttons or checkboxes
  • Visual hints if the user requests it
  • Visual feedback for correct and incorrect answers
  • Summary assessment based on the score. For example, a score of 4 or higher may produce the message "Well done!".
  • Use of some jQuery effects for addressing the requirements above

You will probably want to refer to this web page (discussed in class), which shows how to create radio buttons and checkboxes as well as how JavaScript can test whether an item is checked.

For additional challenges (and a more interesting quiz), consider adding the following:

  • Styles
  • Penalty assessment for egregiously wrong answers
  • Questions that allow for multiple selections
  • JavaScript that immediately responds to selecting an answer (see JS events for details).

Note that your quiz will be far more interesting if your readers have a reasonable chance at getting them correct!

Submission

On D2L, submit a zip file of a folder with the following contents:

  • A readable document (pdf or txt) that summarizes your accomplishment and explains how you addressed the requirements.
  • html file
  • JS file
  • Any supplementary files for your web app

When you submit, paste the URL of your web app in the submission comment.

Grading

This assignment is worth 10 points. A rubric will be provided with the submission.