Quiz HTML Javascript Code V2

Multiple Choice Quiz Maker HTML Code v2

This is the next version of the HTML Quiz Generator. Features added in this version are

1. Custom theme settings
2. Start Quiz button has been added to the timer quiz.

The code generated by HTML Quiz Builder 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.

HTML Quiz Builder version 2

Quiz Questions Quiz Settings Theme Settings Advanced Theme Settings

Show Timer Show All Questions

Quiz Container Max Width: pixel percent
Quiz Container Align: Left Center

Select Question Type: Single Select Multi Select

X

{{$index+1}}.

X

X

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:

Score and Timer

Background:

Text Color:

Options Layout Type: Type A Type B

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

To save theme for next time visit, use version 3.
Some other features in version 3 are back button has been added, reset button has been added.

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.