Skip to main content

Multiple Choice Questions Quiz Responsive Template v4

Javascript Multiple Choice Questions Quiz Code v4

This is the next version of the Javascript Quiz Maker V3. Features added in this version are
  1. Added Option to display Show Answer Button to Each Question.
  2. Added animation to quiz options.
  3. Removed 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 Multiple Choice Questions Quiz Maker version 4 Pro

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 revelead.
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:

{{$index+1}}.
{{q.question}}
Explanation: {{q.explanation}}
Your Score: {{score}}/{{data.length}} {{timerValScope}}


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.

Comments

  1. Robert W.16 February 2020 at 19:43

    Nice application. Are you going to add the ability to add photos in the near future?

    ReplyDelete
    Replies
    1. jagadish saka16 February 2020 at 21:19

      Thank you.. The photos feature will be added soon

      Delete
    2. Aryan2 March 2020 at 11:39

      Awesome quiz code dude... Make the timer one in a question too that will another good one...

      Delete
    3. jagadish saka2 March 2020 at 12:41

      Thank you for your suggestion... I will add it too soon.

      Delete
  2. Anonymous18 March 2020 at 13:58

    How to remove (This quiz has been created using the tool HTML Quiz Generator)

    ReplyDelete
  3. Sandolay4 June 2020 at 11:42

    I have questions: Is it sold by license? can you custom it?
    Hope you will let me know!!

    Best regards,

    T.VU

    ReplyDelete
    Replies
    1. jagadish saka4 June 2020 at 12:34

      I am not selling it through license. I can customize

      Delete
  4. NAVANIDHI 27 June 2020 at 12:52

    Thank you sir

    ReplyDelete
  5. Helfoo31 July 2020 at 12:11

    Wow very good info provided, add more quizzes:)

    ReplyDelete
  6. Guru4 August 2020 at 11:45

    When I pasted the htlm quiz code in my blogger then there show some errors in codes. Some codes are not working , especially option codes and showing options in quiz preview. Please give a solution.

    ReplyDelete
    Replies
    1. jagadish saka4 August 2020 at 12:00

      The code does not work on quiz preview.. The code works with the published URL

      Delete
  7. MOVIE MAGIC INDIAN14 August 2020 at 11:18

    Quiz ke bich me advertising kise lgai iska solutions nikaliye

    ReplyDelete
  8. Unknown21 August 2020 at 17:35

    Here,I have a question.
    I've prepared quiz and its working well.
    where actually can i see the participants who are taking part in the quiz?
    is the number of participants taking part in quiz stored? if yes, then where can i see those?

    ReplyDelete
    Replies
    1. jagadish saka21 August 2020 at 17:56

      We don't maintain any database. so can't see participants details

      Delete
    2. Unknown24 August 2020 at 16:43

      Thank you for the concern. can you help us working on the database, so as to see the participants?

      Delete
    3. jagadish saka24 August 2020 at 18:07

      Contact me through contact page

      Delete
  9. rupesh kumar1 September 2020 at 20:52

    How can I insert google ads code in quiz

    ReplyDelete
    Replies
    1. jagadish saka1 September 2020 at 21:09

      as of now, there is no option to add google ads between questions and it will be added soon

      Delete
    2. jagadish saka2 September 2020 at 19:06

      Here you can ad ads https://www.htmlcodegenerator-tools.com/2020/09/mock-test-template-type-d-version-2.html

      Delete

Post a Comment