• Home
  • Skills
  • Work
  • Blog
  • About
  • Contact

API Online Quiz

JavaScript
HTML
CSS

Requirements

Constructed an HTML and JS based online quiz that has a plethora of different topics and questions. The quiz options have to be customizable, including options such as category, difficulty, and number of questions. The quiz should return the results with the questions that were answered incorrectly (providing the correct answer) and display the final score

Description

Interested in taking a fun and interactive pop quiz? Using the HTML, CSS3, JavaScript, and jQuery I created a quiz that can be taken on numerous topics of your choice and gives instant feedback. The entire project is built mostly on JavaScript and all the functionality and events are controlled through functions such as ReadDisplay and Validate. The HTML portion of the online quiz only serves as the skeleton and template for elements that will be created via JS. The program uses the Open Trivia database.

Challenges

  1. Storing and later checking the selected answers of the user and interpreting the result
    1. SOLUTION: A set of nested lists was created to store the correct and incorrect answer, as well as the question.


View on GitHub | Demo on CodePen | ↩ Back to Projects

Site by Maxim Shelepov. Icons by Icons8.