<script>
// questions and options and answers
const questions=[
{
q:"अलीगढ़ मुस्लिम विश्वविद्यालय की स्थापना?",
options:["1920","1930","1940","1950"],
answer:1,
},
{
q:"भारत के उपराष्ट्रपति के चुनाव के लिए न्यूनतम सीमा?",
options:["10 वर्ष","35 वर्ष","05 वर्ष","25 वर्ष"],
answer:2,
},
{
q:"शिवाजी को राजा की उपाधि किसने दी थी?",
options:["औरंगजेब ने","बाबर"," हुँमायु","अकबर"],
answer:1,
},
{
q:"प्रारंभ में कितने मौलिक अधिकार दिए गए थे ",
options:[" 5 ","7 "," 9 ","15 "],
answer:2,
},
{
q:"भारतीय संविधान के भाग III मैं कल कितने अनुच्छेदों में मूल अधिकारों का वर्णन है ?",
options:[" 22 "," 24 "," 26 ","30"],
answer:2,
},
{
q:" मौलिक अधिकार संविधान के किस भाग में वर्णित है ? ",
options:[" भाग III "," भाग II "," भाग IV ","भाग VI "],
answer:1,
},
{
q:" संविधान द्वारा प्रदत नागरिकता के संबंध में संसद में एक व्यापक नागरिकता अधिनियम कब बनाया ?",
options:[" 1955"," 1966 "," 1960 ","1979 "],
answer:1,
},
{
q:" किस देश में दोहरी नागरिकता का सिद्धांत स्वीकार किया गया ?",
options:[" कनाडा "," USA "," भारत ","बांग्लादेश "],
answer:2,
},
{
q:"एतिहासिक एलोरा गुफाएं किसके समीप स्थित है? ",
options:[" औरंगाबाद "," अहमदाबाद "," दिल्ली "," पंजाब"],
answer:1,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
{
q:" ",
options:[" "," "," "," "],
answer:3,
},
]
</script>
<style>
body{
margin:0;
background-color:#d9cdcd;
font-family: sans-serif;
}
*{
box-sizing: border-box;
}
.quiz-container{
max-width: 700px;
min-height:500px;
background-color: #ffffff;
margin:40px auto;
border-radius:10px;
padding:5px;
}
.quiz-container::after,.quiz-container::before{
content: '';
clear: both;
display: table;
}
.question-number,
.question,
.options,
.button,
.answers-tracker{
float: left;
width: 100%;
}
.question-number h3{
color:#009688;
border-bottom: 1px solid #ccc;
margin:0;
padding-bottom:10px;
}
.question {
font-size:22px;
color:000000;
padding:20px 0;
}
.options div{
background-color: 0#cccccc;
box-shadow: 0px 1px 3px -1px #DCDCDC;
padding:10px;
margin-top:15px;
font-size:16px;
color:000000;
margin-bottom:10px;
border-radius:5px;
padding:15px;
position: relative;
overflow:hidden;
cursor: pointer;
}
.options div.disabled{
pointer-events: none;
}
.options div.correct{
z-index: 1;
color: #fff;
}
.options div.correct::before{
content: '';
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
background-color: green;
z-index: -1;
animation: animateBackground 1s ease;
animation-fill-mode: forwards;
}
@keyframes animateBackground{
0%{
transform: translateX(-100%);
}
100%{
transform: translateX(0%);
}
}
.options div.wrong{
z-index: 1;
color: #fff;
}
.options div.wrong::before{
content: '';
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
background-color:red;
z-index: -1;
animation: animateBackground 1s ease;
animation-fill-mode: forwards;
}
@keyframes animateBackground{
0%{
transform: translateX(-100%);
}
100%{
transform: translateX(0%);
}
}
.button .btn{
padding:10px 40px;
border-radius:5px;
cursor: pointer;
background-color:#009688;
font-size:16;
color:#ffffff;
border: none;
display: inline-block;
margin:5px 0 5px;
}
.btn1{
float: right;
padding:7px 20px 2px 20px;
border-radius:5px;
cursor: pointer;
background-color:#009688;
font-size:16;
color:#ffffff;
border: none;
display: inline-block;
}
.btn2{
float: right;
border-radius:5px;
cursor: pointer;
background-color:white;
font-size:16;
color:#ffffff;
border: none;
display: inline-block;
}
.answers-tracker{
border-top:1px solid #ccc;
padding-top: 15px;
}
.answers-tracker div{
height: 40px;
width: 40px;
background-color: #cccccc;
display: inline-block;
border-radius: 50%;
margin-right:5px;
}
.answers-tracker div.correct{
background-color: green;
background-image:url('img/correct.png');
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
}
.answers-tracker div.wrong{
background-color: red;
background-image:url('img/wrong.png');
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
}
.quiz-over{
position: fixed;
left:0;
top:0;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.9);
z-index: 10;
display: none;
align-items: center;
justify-content: center;
}
.quiz-over.show{
display: flex;
}
.quiz-over .box{
background-color:white;
padding:30px;
border-radius:10px;
text-align: center;
flex-basis: 700px;
max-width:700px;
}
.quiz-over .box h1{
font-size:20px;
margin:0 0 20px;
}
.quiz-over .box button{
padding:15px 50px;
border:none;
background-color:#FF9800;
border-radius:5px;
font-size:16px;
margin:15px 0 20px;
color:#ffffff;
}
</style>
<!--This is information heading area here-->
<div class="text-center">
<h2 align="Center" style="color: #d14040; left: 80%; position: center; top: 0%;">BSSC Office Attendant Mock Test – 07</h2>
<h2 align="center" style="color: #ff000; left: 80%; position: center;"> Lets try It </h2>
</div>
<!--This is timer and symbol area here -->
<div class="quiz-container" id="show">
<div class="question-number">
<h3 style="font-size: 22px;">Question <span class="question-num-value"></span> of <span class="total-question"></span>
<span class="btn2" id="demo" onclick="refixSize()" style="color: black; font-size: 13px;"> ( ❌ ) </span>
<span class="btn2" id="demo2" onclick="fixSize()" style="color: black; font-size: 17px;"><b> Fullscreen </b> </span>
<br>
<span style="color: black; font-size: 17px;">Marks</span>
<span style="font-size: 17px; padding: 1px 3px;">✓</span>
<span style="background-color: green; border-radius: 5px; color: white; font-size: 13px; padding: 1px 3px;">+1</span>
<span style="font-size: 13px;">❌</span>
<span style="background-color: red; border-radius: 5px; color: white; font-size: 13px; padding: 1px 3px;">-0.33</span>
<span style="color: black; font-size: 17px;">Time</span> <span id="timer" style="background-color: green; border-radius: 9px; color: white; font-size: 15px; padding: 3px 8px;"></span>
<button class="btn1" onclick="skip()" style="color: yellow;" type="button">Skip<span id="skip" style="color: white;"></span></button>
</h3>
</div>
<!--This is question area here -->
<h3><div class="question">
</div></h3>
<!--This is options area here -->
<div class="options">
<div class="option1" id="1" onclick="check(this)"></div>
<div class="option2" id="2" onclick="check(this)"></div>
<div class="option3" id="3" onclick="check(this)"></div>
<div class="option4" id="4" onclick="check(this)"></div>
</div>
<div class="button">
<button class="btn" id="saveBtn" onclick="next()" type="button">Save & Next</button>
</div>
<div class="answers-tracker">
</div>
</div>
<div class="quiz-over">
<div class="box">
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
text-align: center;
}
th {
background-color:Yellow;
color:Black;
}
td, th {
overflow:hidden;
cursor: pointer;
border: 2px solid gray;
text-align: center;
}
tr:nth-child(even) {
background-color:white;
text-align: center;
}
</style>
<!--This is result page here -->
<h2>MCQ Result <span onclick="tryAgain()" style="cursor: pointer; text-align: right;"> ❌</span></h2>
<table>
<tbody><tr><th>Result </th><th> प्राप्त अंक</th></tr>
<tr><td>कुल प्रशं </td><td><span class="total-question2"></span></td></tr>
<tr><td>चयनित प्रशं</td><td><span class="attept_question" style="color: black;"></span></td></tr>
<tr><td>कुल सही प्रशं</td><td><span class="correct-answers" style="color: green;"></span></td></tr>
<tr><td>कुल गलत प्रश्न</td><td><span class="wrong_question" style="color: red;"></span></td></tr>
<tr><td>स्किप प्रशं</td><td><span class="skip_question" style="color: blue;"></span></td></tr>
<tr><td>Final Persantage %</td><td><span class="percentage"></span></td></tr>
<tr style="background-color:#90EE90;color:#000000;"><td><b>फाइनल स्कोर </b></td><td><b><span class="final_score"></span></b></td></tr>
</tbody></table>
<button onclick="tryAgain()" style="cursor: pointer;" type="button">TryAgain</button>
<!--This is next page title add title here -->
<button onclick="Nexttest()" style="background-color: green; cursor: pointer;" type="button">Go Next( BSSC Office Attendant Mock Test-3 )</button>
</div>
</div>
<script>
const options=document.querySelector(".options").children;
const answerTrackerContainer=document.querySelector(".answers-tracker");
const questionNumberSpan=document.querySelector(".question-num-value");
const totalQuestionSpan=document.querySelector(".total-question");
const correctAnswerSpan=document.querySelector(".correct-answers");
const totalQuestionSpan2=document.querySelector(".total-question2");
const percentage=document.querySelector(".percentage");
const question=document.querySelector(".question");
const op1=document.querySelector(".option1");
const op2=document.querySelector(".option2");
const op3=document.querySelector(".option3");
const op4=document.querySelector(".option4");
const attept_question=document.querySelector(".attept_question");
const skip_question=document.querySelector(".skip_question");
const wrong_question=document.querySelector(".wrong_question");
const final_score=document.querySelector(".final_score");
let questionIndex;
let index=0;
let myArray=[];
let myArr=[];
let score=0;
totalQuestionSpan.innerHTML=questions.length;
function load(){
questionNumberSpan.innerHTML=index+1;
question.innerHTML=questions[questionIndex].q;
op1.innerHTML=questions[questionIndex].options[0];
op2.innerHTML=questions[questionIndex].options[1];
op3.innerHTML=questions[questionIndex].options[2];
op4.innerHTML=questions[questionIndex].options[3];
index++;
chekdeviceSize();
}
var k=0;
function check(element){
k++;
if(element.id==questions[questionIndex].answer){
element.classList.add("correct");
updateAnswerTracker("correct");
score++;
console.log("score:"+score);
}
else{
element.classList.add("wrong");
updateAnswerTracker("wrong");
}
disabledOptions();
}
function disabledOptions(){
for(let i=0; i<options.length; i++) {
options[i].classList.add("disabled");
if(options[i].id==questions[questionIndex].answer){
options[i].classList.add("correct");
}
}
}
function enableOptions(){
for(let i=0; i<options.length; i++) {
options[i].classList.remove("disabled","correct","wrong");
}
}
function validate(){
if(!options[0].classList.contains("disabled")){
if (confirm("Do You Want to skip this Quetion ?") == true)
{
skip();
}
}
else{
enableOptions();
randomQuestion();
}
}
function next(){
validate();
}
var i=0;
function skip(){
if(options[0].classList.contains("disabled")){
alert("you can't skip this Quetion please click save and next.");
}
else{
i++;
k++;
enableOptions();
randomQuestion();
}}
function randomQuestion(){
let randomNumber=Math.floor(Math.random()*questions.length);
let hitDuplicate=0;
if(index==questions.length-1)
{
document.getElementById("saveBtn").innerHTML = "Submit";
}
if(index==questions.length){
quizOver();
}
else{
if(myArray.length>0){
for(let i=0; i<myArray.length; i++){
if(myArray[i]==randomNumber){
hitDuplicate=1;
break;
}
}
if(hitDuplicate==1){
randomQuestion();
}
else{
questionIndex=randomNumber;
load();
myArr.push(questionIndex);
}
}
if(myArray.length==0){
questionIndex=randomNumber;
load();
myArr.push(questionIndex);
}
myArray.push(randomNumber);
}
}
function answerTrakcer(){
for(let i=0; i<questions.length; i++)
{
const div=document.createElement("div");
answerTrackerContainer.appendChild(div);
}
}
function updateAnswerTracker(classNam)
{
answerTrackerContainer.children[index-1].classList.add(classNam);
}
function quizOver(){
document.querySelector(".quiz-over").classList.add("show");
correctAnswerSpan.innerHTML=score;
totalQuestionSpan2.innerHTML=questions.length;
attept_question.innerHTML=(questions.length)-(i+(questions.length-k));
skip_question.innerHTML=(i+(questions.length-k));
wrong_question.innerHTML=questions.length-score-(i+(questions.length-k));
final_score.innerHTML=(score-(questions.length-score-(i+(questions.length-k)))/3).toFixed(2);
percentage.innerHTML=(((score-(questions.length-score-(i+(questions.length-k)))/3)*100)/questions.length).toFixed(2);
}
function tryAgain(){
window.location.reload();
}
randomQuestion();
answerTrakcer();
//choose devise size here for full screen and minimize
function chekdeviceSize()
{
let width = screen.width;
if (width>800)
{
document.getElementById("demo").style.display = "none";
document.getElementById("demo2").style.display = "none";
}
}
function fixSize()
{
alert("Full Screen");
document.getElementById("show").style.width = "100%";
document.getElementById("show").style.height = "100%";
document.getElementById("show").style.zIndex = "10";
document.getElementById("show").style.alignItems = "center";
document.getElementById("show").style.justifyContent = "center";
document.getElementById("show").style.position = "fixed";
document.getElementById("show").style.left = "0";
document.getElementById("show").style.top = "0";
document.getElementById("show").style.padding = "15px";
document.getElementById("show").style.borderRadius = "10px";
}
function refixSize()
{
alert("minimize");
document.getElementById("show").style.clear = "both";
document.getElementById("show").style.display = "table";
document.getElementById("show").style.position = "static";
document.getElementById("show").style.padding = "3px";
}
//timer script
var sec = (questions.length)*60,
countDiv = document.getElementById("timer"),
secpass,
countDown = setInterval(function () {
'use strict';
secpass();
}, 1000);
function secpass() {
'use strict';
var min = Math.floor(sec / 50),
remSec = sec % 60;
if (remSec < 10) {
remSec = '0' + remSec;
}
if (min < 10) {
min = '0' + min;
}
//timer highlight remaining time noficication
countDiv.innerHTML = min + ":" + remSec;
if(sec > 30) {
sec = sec - 1;
} else {
document.getElementById("timer").style.color = "white";
document.getElementById("timer").style.backgroundColor = "red";
if (sec > 0) {
sec = sec - 1;
}
else {
countDiv.innerHTML = 'Time Over';
alert("Time Over Submit Test?");
clearInterval(countDown);
quizOver();
}}
}
//add next page link url here
function Nexttest(){
window.location.assign("https://jobsmater.com/bssc-office-attendant-mock-test-06/");
}
</script>इस मॉक टेस्ट को अगर आप मोबाईल में उपयोग कर रहे है तो डेस्कटॉप मोड को ऑन रखें।