Skip to content
Buzzfeed style quiz generator
JavaScript CSS HTML
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bf-json
README.md
bf-quiz.js
index.html
style.css

README.md

bf-quiz

Pure Javascript/JSON BuzzFeed Quiz Clone

Originally developed for use by the University of Chicago Outreach department.

Demo

https://collegeadmissions.uchicago.edu/uncommon-blog/which-uchicago-gargoyle-are-you

https://collegeadmissions.uchicago.edu/uncommon-blog/which-uchicago-building-are-you

https://collegeadmissions.uchicago.edu/uncommon-blog/which-uchicago-president-are-you

Features

  • Make Quizzes in JSON Files

How to use

Add the JS file to your page, make a JSON Quiz, and add the <div id="bf-quiz"></div> element to your HTML.

  #HTML
  <head>
  ....
  <!-- Include bf-quiz javascript -->
  <script type="text/javascript" src="pathtojs/bf-quiz.js"></script>
  ....
  </head>
  <!-- run quizloader.init with your JSON file on body load -->
  <body onload=BF_QUIZ.quizLoader.init('quiz1.json')>
  
  <!-- Include the bf-quiz div -->
  <div id="bf-quiz"></div>
  ....

//update test

You can’t perform that action at this time.