Police Constable Paper 2019 Solution Quiz (50 Questions)

Quiz

Quiz Application

@import url(‘https://fonts.googleapis.com/css?family=Montserrat:400,500,700,800&display=swap’);
@import url(‘https://fonts.googleapis.com/css?family=Concert+One&display=swap’);

body{
margin:0;
background-image: url(img/bg.jpg);
background-attachment: fixed;
font-family: ‘Montserrat’, sans-serif;
}
{
box-sizing: border-box;
}
.custom-box{
max-width: 800px;
background-color: #ddd6e1;
margin:30px auto;
padding: 50px 40px;
border-radius: 10px;
border-style: solid;
border-color: blueviolet;
}
.quiz-home-box{
text-align:center;
display: none;
}
.quiz-home-box.show{
display: block;
animation: fadeInRight 1s ease;
}
.quiz-home-box h4{
font-size: 30px;
font-weight: 500;
color:#444444;
margin: 0 0 30px;
border-style: ridge;
}
.btn{
background-color: #4413ac;
border: 2px solid #422c11;
padding: 14px 40px;
color: #ffffff;
font-size: 20px;
border-radius: 30px;
font-family: ‘Montserrat’, sans-serif;
cursor: pointer;
white-space: nowrap;
margin: 0 10px;
}
.btn:focus{
outline:none;
}
.quiz-box{
background-color: #bad3df;
display: none;
}
.quiz-box.show{
display: block;
animation: fadeInRight 1s ease;
}
.quiz-box .stats{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 30px;
text-transform: uppercase;
color: #000000;
}
.quiz-box .stats .quiz-time{
flex-basis: calc(50% – 20px);
max-width: calc(50% – 20px);
/*background: red;*/
text-align: left;
}
.quiz-box .stats .time-up-text{
/* display: inline-block;*/
color:#f40404;
font-weight: 500;
display: none;
}
.quiz-box .stats .time-up-text.show{
display:inline-block;
animation: fadeInOut 1s linear infinite;
}
@keyframes fadeInOut{
0%{
opacity: 0;
}
50%{
opacity: 2;
}
100%{
opacity: 0;
}
}
.quiz-box .stats .quiz-time .remaining-time{
height: 60px;
width: 60px;
color:#096b36;
border: 2px solid #096b36;
font-weight: 800;
line-height: 56px;
text-align: center;
border-radius: 50%;
display:inline-block;
}
.quiz-box .stats .quiz-time .remaining-time.less-time{
color:#b5200d;
border-color:#b5200d;
}
.quiz-box .stats .score-board{d-repeat: no-repeat;
animation: fadeInRight .5s ease;
}
.quiz-box .option-box .option.wrong{
background-color: #a22312;
border-color:#a22312;
color: #ffffff;
opacity:1;
animation: shake 1s linear;
}
.quiz-box .option-box .option.wrong::before{
content: ”;
position: absolute;
height: 30px;
width: 30px;
right: 15px;
top:7px;
background-image: url(“img/wrong.png”);
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
animation: fadeInRight .5s ease;
}
@keyframes shake{
0%,30%,50%{
transform: translateX(10px);
}
20%,40%{
transform: translateX(-10px);
}
60%{
transform: translateX(-7px);
}
70%{
transform: translateX(7px);
}
80%{
transform: translateX(-4px);
}
90%{
transform: translateX(4px);
}
100%{
transform: translateX(0px);
}
@keyframes fadeInRight{
0%{
opacity:0;
transform: translateX(40px);
}
100%{
opacity: 1;
transform: translateX(0px);
}
}
}
.quiz-box .answer-description{
background-color: #ffffff;
border:2px solid #c2af91;
margin-top: 20px;
padding: 15px;
border-radius:10px;
color; #555555;
display: none;

}
.quiz-box .answer-description.show{
display: block;
animation: fadeInRight 1s ease;
}
.quiz-box .next-question{
margin-top: 20px;
text-align: center;
}
.see-result-btn,.next-question-btn{
display: none;
}
.see-result-btn.show,
.next-question-btn.show{
display: inline-block;
animation: fadeInRight 1s ease;
}
.quiz-over-box{
text-align: center;
display: none;
}
.quiz-over-box.show{
display: block;
animation: fadeInRight 1s ease;
}
.quiz-over-box h1{
font-size:50px;
font-family: ‘Concert One’, cursive;
color: #f85943;
margin:0px 3 20px;
}
.quiz-over-box h4{
font-size:25px;
font-weight: normal;
color: #444444;
margin: 15px 0 20px;
}
.quiz-over-box h4 span{
font-weight: 800;
color:#111111;
}
.start-again-quiz-btn,
.go-home-btn{
margin-top: 15px;

}
/*responsive*/
@media (max-width: 767px){
.custom-box{
background-color: #cbe1e0;
}
.quiz-home-box h4{
font-size: 16px;
}
.btn{
padding: 7px 20px;
font-size: 15px;
}
.quiz-box .question-box{
padding: 40px 0px;
}
.quiz-box .question-box .question-text{
font-size: 17px;
font-family: sans-serif;
color: #1d1b19;
}
.custom-box{
padding: 30px 10px 50px 10px;
background-color: #d5deee;
}
.quiz-box .stat{
font-size:20px;
}
.quiz-box .stats .quiz-time {
flex-basis: calc(60% – 10px);
max-width: calc(60% – 10px);
font-size: 18px;
}
.quiz-box .stats .score-board{
flex-basis: calc(40% – 10px);
max-width: calc(40% – 10px);
font-size: 16px;
}
.quiz-box .stats .quiz-time .remaining-time{
height: 50px;
width: 50px;
line-height: 46px;
color: #045e2e;
border: 2px કમલ 379 ‘,’કમલ 420 ‘],
answer:2
},
{
question:’માનવ શરીરનું સામાન્ય તાપમાન કેટલું હોય છે ?’,
options:[’27 ડીગ્રી સેલ્શિયસ ‘,’37 ડીગ્રી સેલ્શિયસ ‘,’47 સેલ્શિયસ ‘,’57 સેલ્શિયસ ‘],
answer:1
}

]

function load(){
number++;
questionText.innerHTML=myApp[questionIndex].question;
creatOptions();
scoreBoard();
currentQuestionNum.innerHTML=number + ” / ” +myApp.length;
}
function creatOptions(){
optionBox.innerHTML=””;
let animationDelay=0.2;
for(let i=0; i{
timeLimit–;
if(timeLimit < 10){ timeLimit="0"+timeLimit; } if(timeLimit < 6){ remainingTime.classList.add("less-time"); } remainingTime.innerHTML=timeLimit; if(timeLimit == 0){ clearInterval(interval); timeIsUp(); } },1000) } function stopTimer(){ clearInterval(interval); } function disableOptions(){ for(let i=0; i{
quizBox.classList.remove(“show”);
seeResultBtn.classList.remove(“show”);
quizOverBox.classList.add(“show”);
quizResult();
})

startAgainQuizBtn.addEventListener(“click”, ()=>{
quizBox.classList.add(“show”);
quizOverBox.classList.remove(“show”);
resetQuiz();
nextQuestion();
})

goHomeBtn.addEventListener(“click”, ()=>{
quizOverBox.classList.remove(“show”);
})

//window.onload=()=>{

//}

Leave a Reply

Your email address will not be published. Required fields are marked *