[ FREE ] Multiple Choice Quiz Maker HTML Code

Quiz Generator Generate multiple choice quiz html code for blogger. You can make a quiz for your blog/website. Quiz Generator is completely free for all users.

First Of All

Question Added :🔄

➕ Add Question 1234 Quiz Generated By https://quizgenerator.3schools.in

Show Correct Answer YesNo

⚙ Quiz Home Box Settings

1. Box Background Color :
2. Box Border : 0px 1px 2px 3px 4px dotted dashed solid inset
3. Box Border Radius : 0px 3px 8px 18px 38px
4. Box Shadow : 0px 6px 15px 23px 45px Out Inset

⚙ Quiz Question & Answers Settings

1. Question Color :
2. Answer Color :
3. Answer Background Color :
4. Answer Hover Background Color :
5. Answer Border : 0px 1px 2px 3px 4px dotted dashed solid inset
6. Answer Border Radius : 0px 3px 8px 18px 50px

⚙ Quiz Button Settings

1. Button Color :
2. Button Background Color :
3. Button Border : 0px 1px 2px 3px 4px dotted dashed solid inset
4. Button Border Radius : 0px 3px 8px 18px 50px
5. Button Shadow : 0px 6px 15px 23px 45px Out Inset

<div class="quiz-container" ><h3 id="Aquestion">question </h3><ul class="Aanswers"><label><li><input type="radio" class="answer" id="a" name="answer" value="a"><span id="a_answer"></span></li></label><label><li><input type="radio" class="answer" id="b" name="answer" value="b"><span id="b_answer"></span></li></label><label><li><input type="radio" class="answer" id="c" name="answer" value="c"><span id="c_answer"></span></li></label><label><li><input type="radio" class="answer" id="d" name="answer" value="d"><span id="d_answer"></span></li></label></ul><div id="alertM"></div><center><button class="btn" id="submit" onclick="submitAnswer()" > Check Answer</button><button class="btn-next" id="next" onclick="NextAnswer()" style="display:none" >Next</button></center></div> <script> const ApuBook = [ let count = 0;function submitAnswer(){const userAnswer = document.querySelector(('input[type="radio"]:checked')|| {}).value;if (userAnswer == ApuBook[currentQuiz].correct){document.getElementById('alertM').innerHTML = 'correct ';count++;document.getElementById('submit').style.display="none";document.getElementById('next').style.display="block";}else {document.getElementById("alertM").innerHTML = "wrong !" const _0x2551=['\x42\x79\x49\x64','\x31\x30\x31\x38\x38\x36\x64\x61\x53\x62\x6f\x4e','\x38\x33\x39\x34\x38\x32\x6f\x58\x64\x48\x54\x58','\x73\x74\x79\x6c\x65','\x2e\x61\x6e\x73\x77\x65\x72','\x51\x75\x69\x7a\x20\x46\x69\x6e\x69\x73','\x6f\x75\x74\x20\x6f\x66','\x64\x69\x73\x70\x6c\x61\x79','\x63\x68\x65\x63\x6b\x65\x64','\x34\x34\x38\x39\x32\x34\x4e\x4a\x66\x41\x49\x4e','\x6e\x6f\x6e\x65','\x32\x63\x44\x68\x4d\x53\x47','\x69\x6e\x6e\x65\x72\x48\x54\x4d\x4c','\x73\x75\x62\x6d\x69\x74','\x62\x6c\x6f\x63\x6b','\x59\x6f\x75\x72\x20\x53\x63\x6f\x72\x65','\x38\x38\x38\x31\x35\x6b\x63\x62\x48\x6d\x58','\x64\x5f\x61\x6e\x73\x77\x65\x72','\x31\x66\x50\x44\x57\x51\x58','\x63\x5f\x61\x6e\x73\x77\x65\x72','\x35\x45\x55\x42\x57\x69\x48','\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74','\x32\x37\x39\x37\x39\x33\x73\x6d\x4e\x48\x78\x79','\x31\x30\x34\x35\x33\x34\x37\x4f\x58\x63\x62\x79\x57','\x68\x65\x64','\x41\x71\x75\x65\x73\x74\x69\x6f\x6e','\x61\x5f\x61\x6e\x73\x77\x65\x72','\x61\x6c\x65\x72\x74\x4d','\x71\x75\x69\x7a','\x32\x32\x30\x39\x30\x39\x5a\x62\x73\x4c\x6a\x44'];const _0x25bb7e=_0xe1d4;(function(_0x4e1920,_0x319bbc){const _0x2929cb=_0xe1d4;while(!![]){try{const _0x35aaaf=parseInt(_0x2929cb(0x110))+parseInt(_0x2929cb(0x120))+parseInt(_0x2929cb(0x116))+-parseInt(_0x2929cb(0x114))*parseInt(_0x2929cb(0x11f))+-parseInt(_0x2929cb(0x10b))*-parseInt(_0x2929cb(0x11d))+-parseInt(_0x2929cb(0x117))+parseInt(_0x2929cb(0x109))*parseInt(_0x2929cb(0x112));if(_0x35aaaf===_0x319bbc)break;else _0x4e1920['push'](_0x4e1920['shift']());}catch(_0x37c3cc){_0x4e1920['push'](_0x4e1920['shift']());}}}(_0x2551,0x84d37));const AAquestions=document['\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74'+_0x25bb7e(0x11e)](_0x25bb7e(0x119)),aAnswer=document[_0x25bb7e(0x115)+_0x25bb7e(0x11e)](_0x25bb7e(0x11a)),bAnswer=document['\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74'+_0x25bb7e(0x11e)]('\x62\x5f\x61\x6e\x73\x77\x65\x72'),cAnswer=document['\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74'+'\x42\x79\x49\x64'](_0x25bb7e(0x113)),dAnswer=document['\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74'+_0x25bb7e(0x11e)](_0x25bb7e(0x111));function _0xe1d4(_0x4fe608,_0x5ea5f6){_0x4fe608=_0x4fe608-0x104;let _0x255128=_0x2551[_0x4fe608];return _0x255128;}let currentQuiz=0x0;AStartQuiz();function AStartQuiz(){const _0x4bf9a7=_0x25bb7e;AAquestions[_0x4bf9a7(0x10c)]=ApuBook[currentQuiz][_0x4bf9a7(0x11c)],aAnswer['\x69\x6e\x6e\x65\x72\x48\x54\x4d\x4c']=ApuBook[currentQuiz]['\x61'],bAnswer[_0x4bf9a7(0x10c)]=ApuBook[currentQuiz]['\x62'],cAnswer[_0x4bf9a7(0x10c)]=ApuBook[currentQuiz]['\x63'],dAnswer[_0x4bf9a7(0x10c)]=ApuBook[currentQuiz]['\x64'];};function NextAnswer(){const _0xd14ddd=_0x25bb7e;currentQuiz++,ResetQ(),document['\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74'+'\x42\x79\x49\x64'](_0xd14ddd(0x11b))[_0xd14ddd(0x10c)]='';if(currentQuiz>=ApuBook['\x6c\x65\x6e\x67\x74\x68']){const _0x10679c=document[_0xd14ddd(0x115)+_0xd14ddd(0x11e)]('\x73\x75\x62\x6d\x69\x74');document['\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74'+_0xd14ddd(0x11e)](_0xd14ddd(0x11b))[_0xd14ddd(0x10c)]=_0xd14ddd(0x10f)+'\x20'+'\x3a\x20'+count+'\x20'+_0xd14ddd(0x106)+'\x20'+ApuBook['\x6c\x65\x6e\x67\x74\x68'],_0x10679c[_0xd14ddd(0x10c)]=_0xd14ddd(0x105)+_0xd14ddd(0x118);}else AStartQuiz();};function ResetQ(){const _0x28e45a=_0x25bb7e;document['\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74'+'\x42\x79\x49\x64'](_0x28e45a(0x10d))[_0x28e45a(0x121)][_0x28e45a(0x107)]=_0x28e45a(0x10e),document[_0x28e45a(0x115)+_0x28e45a(0x11e)]('\x6e\x65\x78\x74')[_0x28e45a(0x121)][_0x28e45a(0x107)]=_0x28e45a(0x10a);const _0x4ac8e4=document['\x71\x75\x65\x72\x79\x53\x65\x6c\x65\x63'+'\x74\x6f\x72\x41\x6c\x6c'](_0x28e45a(0x104));for(let _0x175ed4=0x0;_0x175ed4<0x4;_0x175ed4++){_0x4ac8e4[_0x175ed4][_0x28e45a(0x108)]=![];}}; </script> <div class="quiz-container" ><h3 id="Aquestion">This is a preview question .</h3><ul class="Aanswers"><label><li><input type="radio" class="answer" id="a" name="answer" value="a"><span id="a_answer">Answer no 1</span></li></label><label><li><input type="radio" class="answer" id="b" name="answer" value="b"><span id="b_answer">Answer no 2</span></li></label><label><li><input type="radio" class="answer" id="c" name="answer" value="c"><span id="c_answer">Answer no 3</span></li></label><label><li><input type="radio" class="answer" id="d" name="answer" value="d"><span id="d_answer">Answer no 4</span></li></label></ul><div id="alertM">correct</div><center><button class="btn" id="submit"> Check Answer</button> </center>