CG History Online GK Quiz 3
body { background-color: #eeeeee; } .grid { width: 300px; height: 500px; margin: 0 auto; background-color: #fff; padding: 10px 50px 50px 50px; border-radius: 50px; border: 2px solid #cbcbcb; box-shadow: 10px 15px 5px #cbcbcb; } .grid h1 { font-family: \”sans-serif\”; background-color: #2c0747; font-size: 27px; text-align: center; color: #ffffff; padding: 2px 0px; border-radius: 50px; } #score { color: #5A6772; text-align: center; font-size: 30px; } .grid #question { font-family: \”monospace\”; font-size: 18px; color: #5A6772; } .buttons { margin-top: 30px; } #bt0, #bt1, #bt2, #bt3 { background-color: #510b84; width: 220px; font-size: 18px; color: #fff; border: 1px solid #1D3C6A; border-radius: 50px; margin: 10px 40px 10px 0px; padding: 10px 10px; } #bt0:hover, #bt1:hover, #bt2:hover, #bt3:hover { cursor: pointer; background-color: #2c0747; } #bt0: focus, #bt1: focus, #bt2: focus, #bt3: focus { outline: 0; } #progress { color: #2b2b2b; font-size: 18px; } function Quiz(questions) { this.score = 0; this.questions = questions; this.questionIndex = 0; } Quiz.prototype.getQuestionIndex = function() { return this.questions[this.questionIndex]; } Quiz.prototype.guess = function(answer) { if(this.getQuestionIndex().isCorrectAnswer(answer)) { this.score++; } this.questionIndex++; } Quiz.prototype.isEnded = function() { return this.questionIndex === this.questions.length; } function Question(text, choices, answer) { this.text = text; this.choices = choices; this.answer = answer; } Question.prototype.isCorrectAnswer = function(choice) { return this.answer === choice; } function populate() { if(quiz.isEnded()) { showScores(); } else { // show question var element = document.getElementById(\”question\”); element.innerHTML = quiz.getQuestionIndex().text; // show options var choices = quiz.getQuestionIndex().choices; for(var i = 0; i < choices.length; i++) { var element = document.getElementById(“choice” + i); element.innerHTML = choices[i]; guess(“bt” + i, choices[i]); } showProgress(); } }; function guess(id, guess) { var button = document.getElementById(id); button.onclick = function() { quiz.guess(guess); populate(); } }; function showProgress() { var currentQuestionNumber = quiz.questionIndex + 1; var element = document.getElementById(“progress”); element.innerHTML = “Question ” + currentQuestionNumber + ” of ” + quiz.questions.length; }; function showScores() { var gameOverHTML = ”
Result
\”; gameOverHTML += \”
Your scores: \” + quiz.score + \”
\”; var element = document.getElementById(\”quiz\”); element.innerHTML = gameOverHTML; }; // create questions var questions = [ new Question(\”मौर्य साम्राज्य में छत्तीसगढ़ का कौन सा भाग सम्मिलित था ?\”, [\”उत्तरी\”, \”पश्चिमी\”,\”पूर्वी\”, \”मध्य भाग\”], \”उत्तरी\”), new Question(\”छत्तीसगढ़ में वाकाटक वंश कब से कब तक थे?\”, [\”300-400 ई.\”, \”100 -200 ई.\”,\”319-500 ई.\”, \”72 ई. – 200 ई.\”], \”300-400 ई.\”), new Question(\”समुद्रगुप्त ने किस क्षेत्र को जीतकर करद राज्य बनाकर छोड़ दिया था ?\”, [\”उत्तरी कोशल\”, \”दक्षिण कोशल\”,\”महाकांतर\”, \”रिदिपुर\”], \”दक्षिण कोशल\”), new Question(\”राज्यर्शीतुल्य कुल वंश /सुर वंश जैसे क्षेत्रीय राजवंश का शासन किस क्षेत्र से सम्बद्ध है ?\”, [\”सिरपुर – गिरौदपुरी\”, \”आरंग – रायपुर\”,\”केशकाल – कोंडा गाँव\”, \”बानबरद – दुर्ग\”], \”आरंग – रायपुर\”), new Question(\”सातवाहन कालीन मिटटी की मुहर क्या लिखा हुआ था \”, [\”वेदश्री\”, \”सप्त वचन\”,\”स्वस्तिक\”, \”अश्व\”], \”वेदश्री\”), new Question(\”वाकाटक वंश के समाप्ति के समय किस वंश ने शासन किया था ?\”, [\”बैजू वंश\”, \”वत्स गुलाम वंश\”,\”गिरी वंश\”, \”गुप्त वंश\”], \”वत्स गुलाम वंश\”), new Question(\”समुद्रगुप्त ने किस क्षेत्र के विजय के पश्चात् उन क्षेत्रो को ग्रहण मोक्ष निति में सम्मिलित नहीं किया ?\”, [\”उत्तरी कोशल – रीदीपुर\”, \”दक्षिण कोशल – रिदिपुर\”,\”उत्तरी कोशल – महाकांतर\”, \”दक्षिण कोशल – महाकांतर\”], \”दक्षिण कोशल – महाकांतर\”), new Question(\”कुषाण वंश का साक्ष्य छत्तीसगढ़ के किस जगह से प्राप्त हुआ था ?\”, [\”दुर्ग – तर्रीघाट\”, \”रायपुर – आरंग\”,\”जशपुर – मनोरा\”, \”रायगढ़ – तेलिकोट\”], \”रायगढ़ – तेलिकोट\”), new Question(\”छत्तीसगढ़ के अकलतरा,ठठारी ,बिलासपुर , रायपुर एवं रायगढ़ से किस कालीन के सिक्के की प्राप्ति हुयी थी ?\”, [\”सात वाहन कालीन सिक्के\”, \”मौर्यकालीन सिक्के\”,\”कुषाण वंशीय सिक्के\”, \”इनमें से कोई नहीं\”], \”मौर्यकालीन सिक्के\”), new Question(\”मौर्यकालीन सिक्के किस प्रकार के सिक्के थे जो छत्तीसगढ़ से प्राप्त हुए थे?\”, [\”पंचम सिक्के\”, \”पलान सिक्के\”,\”कर्मिन सिक्के\”, \”आहत सिक्के\”], \”आहत सिक्के\”), ]; var quiz = new Quiz(questions); populate();
