Skip to main content

Javascript Quiz Maker V3

Javascript Quiz Builder v3

This is the next version of the Quiz HTML Javascript Code V2. Features added in this version are
  1. Back Button
  2. Reset Quiz Button
  3. Save Theme Settings for Next Time Visit (In Quiz Builder)
  4. Code is in encrypted format.
  5. Contains footer credit.
The code generated by HTML Quiz Maker is supported in all latest browsers except IE 10, IE 8 and below.

HTML Quiz Generator Versions
Type A: version 1, version 2, version 3, version 4 (Pro Only), version 5 (Pro Only)
Type B: version 1, version 2 (Pro Only)
Type C: version 1 (Pro Only), version 2 (Pro Only)
Type D (Mock Test Template): version 1 (Pro Only), version 2 (Pro Only)
Type E: version 1 (Pro Only)

Click Here to see version wise features and price.

Javascript Quiz Maker version 3

Quiz Container Max Width:
Quiz Container Align:
Select Question Type:
X
{{$index+1}}.
Add Option
Expain Answer(Optional): It will be displayed when the answers are revealed.
Add Question
Question Container
Background:
Padding:
px
Border Color:
Border Width:
px
Gap between Questions:
px
Question Title
Background:
Text Color:
Explanation
Background:
Text Color:
Buttons
Background:
Text Color:
Hover Background:
Hover Text Color:
Disable Background:
Disable Text Color:
Score and Timer
Background:
Text Color:
Options Layout Type:
Type A has different views depends on screen width. To see different views of the options, resize the browser window and see the difference in options layout in the below Live Quiz View.
Type B has a simple options view on all screens.
Enabled Option
Background
Text Color
Border Color
Outer Circle Color
Inner Circle Color
Hover Option
Background
Text Color
Border Color
Outer Circle Color
Inner Circle Color
Selected Option
Background
Text Color
Border Color
Outer Circle Color
Inner Circle Color
Correct Option
Background
Text Color
Border Color
Right Mark Color
Incorrect Option
Background
Text Color
Border Color
Wrong Mark Color
This browser does not support "Save Theme Settings for Next Visit" Feature



Live Quiz View:


Copy the generated code and use it in your web application or blogger post.

Steps to add quiz in your blogger post:
  1. Copy the generated code.
  2. Goto blogger dashboard.
  3. Goto post html editor.
  4. If you have already content in html editor, paste the copied code at the end of the content.

Please give your suggestions in the below comment box to improve HTML Quiz Generator.

Comments

  1. thanku sir......plz i requset to you plz change little bit increase font size of mcq option with bold latter.... plz sir do this. i have you will change this.... lot of thanks sir... such a your work is so great

    ReplyDelete
    Replies
    1. hi, adding font size to this quiz generator creates so many other issues. the font size should be taken from website/blogger container. I have seen your blog. Your blog is not mobile friendly thats why you are facing issue. i suggest you use some good mobile friendly responsive theme

      Delete
  2. hi
    Thanks for this amazing quiz maker
    I wish it could have some additional features like:
    1.Duplicate a question (it saves time in making questions)
    2. If fill in the blank option can be added with suggested right answers
    3. I want to write matching type questions in question box but its not coming perfectly .
    4. Can a intro box given in beginning which can have name of quiz ,general instructions etc,
    5. Total marks secured in end should have big font . with some motivating message
    You can check two quizzes created by me using your codes
    https://bstquiz.blogspot.com/
    waiting for your feedback

    ReplyDelete
    Replies
    1. Hi

      I have visited your blog. It's really amazing. Your blog is very helpful to the students. The layout of the quiz template is looking good as well as your blog template also looking good. But Both colors are not matching. Try to use some other color other than green. It is looking hard in your present theme,



      Thank you for giving your suggestions to improve the quiz generator. All the features you suggested, will be added soon except matching type questions because we can achieve it in the existing quiz template. To achieve the matching type questions, create matches using https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_lists copy the code paste it in the question.input in the quiz template. As of now preview for the matching questions is not working I will make it work in the next version but it works well in generated code.



      You are always welcome to give more suggestions to improve quiz maker

      Delete
  3. Please sir reply where I can add my questions in this code. I have copied version3. I don't know anything about html etc.

    ReplyDelete
    Replies
    1. https://www.youtube.com/watch?v=780RsSbcbIs&t=5s

      Delete
  4. Can you add an option that the choices can be horizontal or vertical?

    ReplyDelete
    Replies
    1. The option is already available. Go to theme settings then select layout type

      Delete
  5. Really amazing can u please tell how to set time limit to timer ?

    ReplyDelete
  6. Can't we place google ads below the quiz on the block?

    ReplyDelete
    Replies
    1. That option is available for template D Version 2

      Delete
  7. hello, in case you interrupt this project of questions, will the questions that i added on my site disappear?

    ReplyDelete
    Replies
    1. No issue. You can use it without any doubt. The quiz which is added to your blog is for life time

      Delete
    2. Do you think about adding the images option to the question code?

      Delete
    3. That option is available in Template A version 5 and some other versions

      Delete
  8. Wow. HTML Quiz Generator is really amazing
    Big Thankz for sharing valuable content.

    I've tried version 3 for making Quiz
    Without attending a single Question the participant can move to next questions and even submit the quiz and easily get correct responses.
    Is there any option to ensure mandatory participation of all questions before submission

    Here's the link to my quiz prepared with your html template

    https://rejimaruthora.blogspot.com/2021/04/k-tet-december-2020-cat-3-part-1.html

    ReplyDelete

Post a Comment