To Projects

IT 238 -- Project 4

Online Quiz

• Design an online quiz with questions from a domain of your choice.  The questions should be chosen from a coherent domain, not just randomly chosen.  Use your creativity when choosing the domain.
• Quiz questions should be multiple choice, chosen with radio buttons.
• Your quiz should include at least five questions.
• Provide hints for the questions if the quiz taker requests them. Display and hide the hints using the JavaScript style display property.
• Obtain the correct answers from a JSON string. If you are up to the challenge (for extra credit), load everything from a JSON string, including the questions, hints, answers, and correct answer for each question.
• Use images something like this to indicate whether a question is incorrect or correct:
   
• Decide if the correct answers are shown after each question is answered, or if they are shown all at once after all the answers are entered and the quiz is submitted. Show a total score for the quiz after all answers are submitted.
• Include an image on your page related to the content of the quiz.
• Do not use jQuery for Project 4; use vanilla JavaScript.
• Relevant Examples:
  
  1. MathRiddles2 or MathRiddles3 -- Use to display a hint by clicking on a quiz question.
  2. LoadFromJSON -- Use to load answers from a JSON file.
  3. CrapsGame -- Use to show correct or incorrect answers with a green check or red X.
  4. More Examples, Example 3 -- Use to compute number of correct answers.
  5. May 28, Practice Exercise 1 -- Use to determine which questions have correct answers.
• Grading Breakdown: Functionality: 50%; Creativity: 15%: Layout and Styles: 10%; Source Code Comments in all source code files (HTML, CSS, JavaScript): 10%; Source code headers with name, project number, and submit date: 5%; Indentation 5%; Submitted Properly: 5%