Save Copy Text <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <center><h1> </h1></center> <style> button{ width:60%; height:50px; color: black; margin-top:15px; border-radius:10px; border-color: brown; box-shadow:8px 6px 8px grey; } </style> </head> <body> <center><div id="question1" style="display:block; background-color:#ADFF2F ; height:450px; width:300px; border-radius:30px;box-shadow:20px 15px 20px grey; "> <br><h3 style="color: black;">Question-1<br> </h3><br> <button onclick="document.getElementById('wrong1').style.display='block';document.getElementById('question1').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('right1').style.display='block';document.getElementById('question1').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong1').style.display='block';document.getElementById('question1').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong1').style.display='block';document.getElementById('question1').style.display='none';"><b> </b></button> </div></center> <center><div id="wrong1" style="display:none; background-color: red; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px; "> <br><h2>Wrong Answer</h2><br> <button onclick="document.getElementById('question1').style.display='block';document.getElementById('wrong1').style.display='none'"><b>Retry</b></button> </div></center> <center><div id="right1" style="display:none; background-color: green; box-shadow:20px 15px 20px grey;color: white; height:250px;width:250px; border-radius:20px;"> <br><h2>Right Answer</h2><br> <button onclick="document.getElementById('question2').style.display='block';document.getElementById('right1').style.display='none'"><b>Next</b></button> </div></center> <center><div id="question2" style="display:none; background-color: #ADFF2F;height:450px;width:300px; border-radius:30px;box-shadow:20px 15px 20px grey; "> <br><h3 style="color: black;" >Question-2<br> </h3><br> <button onclick="document.getElementById('wrong2').style.display='block';document.getElementById('question2').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong2').style.display='block';document.getElementById('question2').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong2').style.display='block';document.getElementById('question2').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('right2').style.display='block';document.getElementById('question2').style.display='none';"><b> </b></button> </div></center> <center><div id="wrong2" style="display:none; background-color: red; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Wrong Answer</h2><br> <button onclick="document.getElementById('question2').style.display='block';document.getElementById('wrong2').style.display='none'"><b>Retry</b></button> </div></center> <center><div id="right2" style="display:none; background-color: green; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Right Answer</h2><br> <button onclick="document.getElementById('question3').style.display='block';document.getElementById('right2').style.display='none'"><b>Next</b></button> </div></center> <center><div id="question3" style="display:none; background-color: #ADFF2F; height:450px; width:300px; border-radius:30px; box-shadow:20px 15px 20px grey; "> <br><h3 style="color: black;" >Question-3<br> </h3><br> <button onclick="document.getElementById('right3').style.display='block';document.getElementById('question3').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong3').style.display='block';document.getElementById('question3').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong3').style.display='block';document.getElementById('question3').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong3').style.display='block';document.getElementById('question3').style.display='none';"><b> </b></button> </div></center> <center><div id="wrong3" style="display:none; background-color: red; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Wrong Answer</h2><br> <button onclick="document.getElementById('question3').style.display='block';document.getElementById('wrong3').style.display='none'"><b>Retry</b></button> </div></center> <center><div id="right3" style="display:none; background-color: green; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Right Answer</h2><br> <button onclick="document.getElementById('question4').style.display='block';document.getElementById('right3').style.display='none'"><b>Next</b></button> </div></center> <center><div id="question4" style="display:none; background-color: #ADFF2F; height:450px; width:300px; border-radius:30px;box-shadow:20px 15px 20px grey; "> <br><h3 style="color: black;" >Question-4<br> </h3><br> <button onclick="document.getElementById('wrong4').style.display='block';document.getElementById('question4').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong4').style.display='block';document.getElementById('question4').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('right4').style.display='block';document.getElementById('question4').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong4').style.display='block';document.getElementById('question4').style.display='none';"><b> </b></button> </div></center> <center><div id="wrong4" style="display:none; background-color: red; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Wrong Answer</h2><br> <button onclick="document.getElementById('question4').style.display='block';document.getElementById('wrong4').style.display='none'"><b>Retry</b></button> </div></center> <center><div id="right4" style="display:none; background-color: green; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Right Answer</h2><br> <button onclick="document.getElementById('question5').style.display='block';document.getElementById('right4').style.display='none'"><b>Next</b></button> </div></center> <center><div id="question5" style="display:none; background-color: #ADFF2F; height:450px; width:300px; border-radius:30px; box-shadow:20px 15px 20px grey; "> <br><h3 style="color: black;" >Question-5<br> </h3><br> <button onclick="document.getElementById('right5').style.display='block';document.getElementById('question5').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong5').style.display='block';document.getElementById('question5').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong5').style.display='block';document.getElementById('question5').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong5').style.display='block';document.getElementById('question5').style.display='none';"><b> </b></button> </div></center> <center><div id="wrong5" style="display:none; background-color: red; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Wrong Answer</h2><br> <button onclick="document.getElementById('question5').style.display='block';document.getElementById('wrong5').style.display='none'"><b>Retry</b></button> </div></center> <center><div id="right5" style="display:none; background-color: green; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Right Answer</h2><br> <button onclick="document.getElementById('question6').style.display='block';document.getElementById('right5').style.display='none'"><b>Next</b></button> </div></center> <center><div id="question6" style="display:none; background-color: #ADFF2F; height:450px; width:300px; border-radius:30px; box-shadow:20px 15px 20px grey; "> <br><h3 style="color: black;" >Question-6<br> </h3><br> <button onclick="document.getElementById('wrong6').style.display='block';document.getElementById('question6').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong6').style.display='block';document.getElementById('question6').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong6').style.display='block';document.getElementById('question6').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('right6').style.display='block';document.getElementById('question6').style.display='none';"><b> </b></button> </div></center> <center><div id="wrong6" style="display:none; background-color: red; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Wrong Answer</h2><br> <button onclick="document.getElementById('question6').style.display='block';document.getElementById('wrong6').style.display='none'"><b>Retry</b></button> </div></center> <center><div id="right6" style="display:none; background-color: green; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Right Answer</h2><br> <button onclick="document.getElementById('question7').style.display='block';document.getElementById('right6').style.display='none'"><b>Next</b></button> </div></center> <center><div id="question7" style="display:none; background-color: #ADFF2F; height:450px; width:300px; border-radius:30px; box-shadow:20px 15px 20px grey; "> <br><h3 style="color: black;" >Question-7<br> </h3><br> <button onclick="document.getElementById('right7').style.display='block';document.getElementById('question7').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong7').style.display='block';document.getElementById('question7').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong7').style.display='block';document.getElementById('question7').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong7').style.display='block';document.getElementById('question7').style.display='none';"><b> </b></button> </div></center> <center><div id="wrong7" style="display:none; background-color: red; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Wrong Answer</h2><br> <button onclick="document.getElementById('question7').style.display='block';document.getElementById('wrong7').style.display='none'"><b>Retry</b></button> </div></center> <center><div id="right7" style="display:none; background-color: green; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Right Answer</h2><br> <button onclick="document.getElementById('question8').style.display='block';document.getElementById('right7').style.display='none'"><b>Next</b></button> </div></center> <center><div id="question8" style="display:none; background-color: #ADFF2F; height:450px; width:300px; border-radius:30px; box-shadow:20px 15px 20px grey; "> <br><h3 style="color: black;" >Question-8<br> </h3><br> <button onclick="document.getElementById('wrong8').style.display='block';document.getElementById('question8').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('right8').style.display='block';document.getElementById('question8').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong8').style.display='block';document.getElementById('question8').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong8').style.display='block';document.getElementById('question8').style.display='none';"><b> </b></button> </div></center> <center><div id="wrong8" style="display:none; background-color: red; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Wrong Answer</h2><br> <button onclick="document.getElementById('question8').style.display='block';document.getElementById('wrong8').style.display='none'"><b>Retry</b></button> </div></center> <center><div id="right8" style="display:none; background-color: green; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Right Answer</h2><br> <button onclick="document.getElementById('question9').style.display='block';document.getElementById('right8').style.display='none'"><b>Next</b></button> </div></center> <center><div id="question9" style="display:none; background-color: #ADFF2F; height:450px; width:300px; border-radius:30px;box-shadow:20px 15px 20px grey; "> <br><h3 style="color: black;" >Question-9<br> </h3><br> <button onclick="document.getElementById('wrong9').style.display='block';document.getElementById('question9').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong9').style.display='block';document.getElementById('question9').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong9').style.display='block';document.getElementById('question9').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('right9').style.display='block';document.getElementById('question9').style.display='none';"><b> </b></button> </div></center> <center><div id="wrong9" style="display:none; background-color: red; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Wrong Answer</h2><br> <button onclick="document.getElementById('question9').style.display='block';document.getElementById('wrong9').style.display='none'"><b>Retry</b></button> </div></center> <center><div id="right9" style="display:none; background-color: green; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Right Answer</h2><br> <button onclick="document.getElementById('question10').style.display='block';document.getElementById('right9').style.display='none'"><b>Next</b></button> </div></center> <center><div id="question10" style="display:none; background-color: #ADFF2F; height:450px; width:300px; border-radius:30px; box-shadow:20px 15px 20px grey; "> <br><h3 style="color: black;" >Question-10<br> </h3><br> <button onclick="document.getElementById('wrong10').style.display='block';document.getElementById('question10').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong10').style.display='block';document.getElementById('question10').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('right10').style.display='block';document.getElementById('question10').style.display='none';"><b> </b></button><br> <button onclick="document.getElementById('wrong10').style.display='block';document.getElementById('question10').style.display='none';"><b> </b></button> </div></center> <center><div id="wrong10" style="display:none;background-color: red; box-shadow:20px 15px 20px grey;color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Wrong Answer</h2><br> <button onclick="document.getElementById('question10').style.display='block';document.getElementById('wrong10').style.display='none'"><b>Retry</b></button> </div></center> <center><div id="right10" style="display:none; background-color: green; box-shadow:20px 15px 20px grey; color: white; height:200px;width:250px; border-radius:20px;"> <br><h2>Right Answer</h2><br> <button onclick="document.getElementById('question1').style.display='block';document.getElementById('right10').style.display='none'"><b>Next</b></button> </div></center> </body> </html>
No comments:
Post a Comment