Friday, March 7, 2014

Update: HTML5 Multichoice Quiz

People have been asking about my multi-choice quiz tutorial (flashbynight.com/tutes/mcqquiz/) and how to add more than three options.

I have developed a version where you can have as many options as you like. See here for an example where the first question has three options, the second has four and the third has two: http://flashbynight.com/tutes/mcqquiz/example2 All you need to do is to add options in the JSON file, which you can open in a text editor.

Download the sourcefiles here: http://flashbynight.com/tutes/mcqquiz/example2/source.zip

8 comments:

  1. Hi Ed, Great game and great tutorial!! Thank you so much! That's what I've been looking for. I just have one question. I want the quiz to start with a random question from the bank. I guess it should be done with Math.random, but I can't make it. Can you please explain how to do that. Thanks,again!!

    ReplyDelete
  2. Hi Ed,
    Great game and tutorial. I am a math instructor and would like to use picture as questions (like graphs) and pictures for answers (like equations), I am not sure how to do this, any pointers would be fantastic for me!
    www.comfsm.fm/~kmaloney/
    Kathryn

    ReplyDelete
    Replies
    1. Hi Ed... I just read another post. I will watch your tut for the Ultimate Foodie Quiz to find my answer.
      Thanks!
      Kathryn

      Delete
  3. Anyone looking for a randomised version, the source code is here: http://www.flashbynight.com/tutes/mcqquiz/v3_source.zip

    ReplyDelete
  4. Tutorial for a picture quiz is here: http://www.flashbynight.com/tutes/pixquiz/

    ReplyDelete
  5. Tutorial for a picture quiz is here: http://www.flashbynight.com/tutes/pixquiz/

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  7. How do you check correct answers in this?

    ReplyDelete