Mock Test
1
Subject
General English
Number of Questions
25
Time
1 minute per question
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{
font-family: ‘Times new roman’;
}
{
box-sizing: border-box;
}
.custom-box{
max-width: 800px;
background-color: #FFFFFF;
margin:30px auto;
padding: 50px 40px;
border-radius: 10px;
border-style: solid;
border-color: #000080;
}
.quiz-home-box{
text-align:center;
display: none;
}
.quiz-home-box.show{
display: block;
animation: fadeInRight 1s ease;
}
.quiz-home-box h4{
font-size: 40px;
font-weight: 800;
color:#444444;
margin: 0 0 30px;
border-style: ridge;
}
.btn{
background-color: #000080;
border: 2px solid #ffff00;
padding: 14px 40px;
color: #ffffff;
font-size: 20px;
border-radius: 30px;
font-family: ‘times’, sans-serif;
cursor: pointer;
white-space: nowrap;
margin: 0 10px;
}
.btn:focus{
outline:none;
}
.quiz-box{
background-color: #ffffff;
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;
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:#000080;
border: 2px solid #000080;
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{
flex-basis: calc(50% – 20px);
max-width: calc(50% – 20px);
/*background: blue;*/
text-align: right;
}
.quiz-box .stats .score-board .correct-answer{
font-weight: 800;
}
.quiz-box .question-box{
background-color: #ffff80;
padding: 10px 10px;
margin-top: 10px;
border-radius: 10px;
font-size: 30px;
border: 2px solid #000080;
position: relative;
}
.quiz-box .question-box .current-question-num{
height: 70px;
width: 70px;
background-color: #000080;
border:2px solid #ffff00;
font-size: 20px;
font-weight: 800;
color:#ffffff;
border-radius: 50%;
line-height: 68px;
text-align: center;
position: absolute;
top:-35px;
left:50%;
margin-left: -35px;
z-index:1;
}
.quiz-box .question-box .question-text{
font-size: 26px;
font-family: ‘times’, sans-serif;
color:#000000;
text-align: left;
padding:7px;
}
.quiz-box .option-box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
size: relative;
}
.quiz-box .option-box .option{
background-color: #005ce6;
flex-basis: calc(50% – 20px);
max-width: calc(50% – 20px);
margin-top: 30px;
padding: 7px 7px;
text-align: center;
font-size: 20px;
color:#ffffff;
border:2px solid #000080;
border-radius: 30px;
cursor: pointer;
position: relative;
animation: zoomIn .3s linear forwards;
opacity: 0;
}
@keyframes zoomIn{
0%{
transform: scale(0.8);
}
100%{
transform: scale(1);
opacity:1;
}
}
.quiz-box .option-box .option.already-answered{
pointer-events: none;
}
.quiz-box .option-box .option.show-correct{
background-color: #0ea454;
border-color:#0ea454;
color: #ffffff;
transition: all .3s ease;
}
.quiz-box .option-box .option.correct{
background-color: #096b36;
border-color:#096b36;
color:#ffffff;
opacity:1;
animation: pulse 1s linear;
}
@keyframes pulse{
0%{
transform: scale(1);
}
50%{
transform: scale(1.1);
}
100%{
transform: scale(1);
}
}
.quiz-box .option-box .option.correct::before{
content: ”;
position: absolute;
height: 30px;
width: 30px;
right: 15px;
top:7px;
background-image: url(“img/correct.png”);
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
animation: fadeInRight .5s ease;
}
.quiz-box .option-box .option.wrong{
background-color: #cc3300;
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: inline-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: ‘Times’, 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: #000080;
border: 2px solid #000080;
}
.quiz-box .question-box .current-question-num{
height: 60px;
width: 60px;
line-height: 58px;
top: -30px;
margin-left: -30px;
font-size: 16px;
}
.quiz-box .option-box .option{
flex-basis: 100%;
max-width: 100%;
font-size: 16px;
margin-top: 15px;
}
.quiz-over-box h1{
font-size: 30px;
}
.quiz-over-box h4{
font-size: 20px;
margin: 10px 0 15px;
}
}
Click on the button below to start the Exam:
Start the Exam
Time’s Up
score:
Next question
Submit
Result
Total Questions:
Attempt:
Correct:
Wrong:
Percentage:
Visit site
Go To Home
const questionText=document.querySelector(“.question-text”);
const optionBox=document.querySelector(“.option-box”);
const currentQuestionNum=document.querySelector(“.current-question-num”);
const answerDescription=document.querySelector(“.answer-description”);
const nextQuestionBtn=document.querySelector(“.next-question-btn”);
const correctAnswers=document.querySelector(“.correct-answer”);
const seeResultBtn=document.querySelector(“.see-result-btn”);
const remainingTime=document.querySelector(“.remaining-time”);
const timeUpText=document.querySelector(“.time-up-text”);
const quizHomeBox=document.querySelector(“.quiz-home-box”);
const quizBox=document.querySelector(“.quiz-box”);
const quizOverBox=document.querySelector(“.quiz-over-box”);
const startAgainQuizBtn=document.querySelector(“.start-again-quiz-btn”);
const goHomeBtn=document.querySelector(“.go-home-btn”);
const startQuizBtn=document.querySelector(“.start-quiz-btn”);
let attempt=0;
let questionIndex=0;
let score=0;
let number=0;
let myArray=[];
let interval;
myApp=[
{
question:’ Spot the error: The jury was not happy with the performance / and was quite harsh. / The singer took / their criticism in heart’,
options:[‘The jury was not happy with the performance’,’and was quite harsh’,’The singer took’,’their criticism in heart’],
answer:3
},
{
question:’ Spot the error: The meeting was held upon / for an hour / due to non-availability / of the committee members’,
options:[‘The meeting was held upon ‘,’for an hour’,’due to non-availability’,’of the committee members’],
answer:0,
},
{
question:’ Spot the error: One of the students is always / late to the class; he has been warn / by the teacher many times; / but stil, he keeps on being late’,
options:[‘One of the students is always ‘,’late to the class; he has been warn’,’by the teacher many times;’,’but still, he keeps on being late’],
answer:1
},
{
question:’ Spot the error: Bobo was / very richer than Jim / as he had illicitly accumulated / all his wealth.’,
options:[‘Bobo was’,’very richer than Jim’,’as he had illicitly accumulated’,’all his wealth’],
answer:1
},
{
question:’ Spot the error: No least than / fifty participants were / present for / the singing competition.’,
options:[‘No least than’,’fifty participants’,’present for’,’the singing competition’],
answer:0,
},
{
question:’Select the most appropriate SYNONYM of the word given below: Uncanny .’,
options:[‘Deranged’,’Spooky’,’Reckless’,’Insightful’],
answer:1,
},
{
question:’Select the most appropriate SYNONYM of the word given below:Hasty.’,
options:[‘Expeditious’,’Restricted’,’Laidback’,’Locked’],
answer:0,
},
{
question:’Select the most appropriate SYNONYM of the word given below: Incumbent .’,
options:[‘Occupant’,’Adventurer’,’Contestant’,’Prophet’],
answer:0,
},
{
question:’Select the most appropriate SYNONYM of the word given below: Quintessential .’,
options:[‘Fantastic’,’Initial’,’Typical’,’Charming’],
answer:2,
},
{
question:’Select the most appropriate ANTONYM of the word given below: Vigorous .’,
options:[‘Buoyant’,’Sturdy’,’Frail’,’Robust’],
answer:2,
},
{
question:’Select the most appropriate ANTONYM of the word given below: Exemplary .’,
options:[‘Flattering’,’Unsatisfactory’,’Imitative’,’Desirable’],
answer:1,
},
{
question:’Select the most appropriate ANTONYM of the word given below: Nonchalant .’,
options:[‘Boisterous’,’Unconcerned’,’Considerate’,’Retrospective’],
answer:2,
},
{
question:’Select the most appropriate ANTONYM of the word given The money she offered him was insufficient to Persuade him to sell.’,
options:[‘Clade’,’Propagandize’,’Discourage’,’Influence’],
answer:2,
},
{
question:’Select the most appropriate ANTONYM of the word given below: Flimsy .’,
options:[‘Strong’,’Weak’,’Tiny’,’Clumsy’],
answer:0,
},
{
question:’Fill in the blank: The pirates will try to ______ the gold ornaments.’,
options:[‘Cease’,’Sieze’,’Slice’,’Steel’],
answer:1,
},
{
question:’Fill in the blank with suitable word: Ram was praised for his ______ leadership.’,
options:[‘imaginary’,’visionary’,’magical’,’broad’],
answer:1,
},
{
question:’Fill in the blank with suitable word: In the absesnce of the Principal, the Vice-Principal ______ for him.’,
options:[‘deputes’,’exchanges’,’officiates’,’replaces’],
answer:2,
},
{
question:’Fill in the blank with suitable word: According to Soli Sorabji, listening to the cases being argued in court can be ______ but there are lighter moments too.’,
options:[‘tedious’,’entertaining’,’lively’,’fun’],
answer:0,
},
{
question:’Fill in the blank with suitable word: Unnecessary suspicion and lack of trust against the others are caused by. ‘,
options:[‘prejudice’,’contentment’,’impartiality’,’empathy’],
answer:0,
},
{
question:’Select the most appropriate option to substitute the underlined segment in the given sentence: This work is much heavy to do by one person single-handedly.’,
options:[‘too heavy to do’,’too heavy to be done’,’much heavy to be done’,’no improvement required’],
answer:2,
},
{
question:’Select the most appropriate option to substitute the underlined segment in the given sentence: Our new accountant fall short in my expectations.’,
options:[‘fall short on’,’falls short of’,’falls short in’,’No substitution required’],
answer:2,
},
{
question:’ Change into indirect speech: She said, “I am going home tomorrow”’,
options:[‘She said that she was going home tomorrow.’,
‘She said that she is going home the next day.’,
‘She said that I was going home the next day.’,
‘She said that she was going home the next day.’],
answer:3,
},
{
question:’ Change the voice: The poems of great English poets are being translated into other languages.’,
options:[‘They were translating the poems of great English poets into other languages’,
‘They are translating the poems of great English poets into other languages’,
‘They have translated the poems of great English poets into other languages’,
‘They translated the poems of great English poets into other languages’],
answer:1,
},
{
question:’Select the most appropriate option to substitute the underlined segment in the given sentence: had I a rich person, I would share my wealth.’,
options:[‘Were I’,’I am’,’Had I been’,’No improvement. ‘],
answer:0,
},
{
question:’select the most appropriate meaning of the idiom given: Not mince words.’,
options:[‘Not to be honest’,’To speak in a garbled way’,’Not to come directly to the point’,’To speak in a direct way’],
answer:3,
}
]
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<myApp[questionIndex].options.length; i++){
const option=document.createElement("div");
option.innerHTML=myApp[questionIndex].options[i];
option.classList.add("option");
option.id=i;
option.style.animationDelay=animationDelay + "s";
animationDelay=animationDelay+0.2;
option.setAttribute("onclick","check(this)");
optionBox.appendChild(option);
}
}
function generateRandomQuestion(){
const randomNumber=Math.floor(Math.random() * myApp.length);
let hitDuplicate=0;
if(myArray.length == 0){
questionIndex=randomNumber;
}
else{
for(let i=0; i<myArray.length; i++){
if(randomNumber == myArray[i]){
//if duplicate found
hitDuplicate=1;
}
}
if(hitDuplicate == 1){
generateRandomQuestion();
return;
}
else{
questionIndex=randomNumber;
}
}
myArray.push(randomNumber);
console.log(myArray)
load();
}
function check(ele){
const id=ele.id;
if(id==myApp[questionIndex].answer){
ele.classList.add("correct");
score++;
scoreBoard();
}
else{
ele.classList.add("wrong");
//show correct option when clicked answer is wrong
for(let i=0; i<optionBox.children.length; i++){
if(optionBox.children[i].id==myApp[questionIndex].answer){
optionBox.children[i].classList.add("show-correct");
}
}
}
attempt++;
disableOptions()
showAnswerDescription();
showNextQuestionBtn();
stopTimer();
if(number == myApp.length){
quizOver();
}
}
function timeIsUp(){
showTimeUpText();
//when time is up Show Correct Answer
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”);
quizHomeBox.classList.add(“show”)
resetQuiz();
})
startQuizBtn.addEventListener(“click”, ()=>{
quizHomeBox.classList.remove(“show”);
quizBox.classList.add(“show”);
nextQuestion();
})
//window.onload=()=>{
//}
Next Mock Test (Mock Test 2)>>Next Mock Test (Mock Test 3)>>Thank You…
Recent comments