Writen Test For job preparation by infinite ilm | Test no 8

 

.current-affairs-quiz {
max-width: 750px;
margin: 0 auto;
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
padding: 25px;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 25px rgba(0,0,0,0.1);
}

.current-affairs-quiz h2 {
text-align: center;
color: #2c3e50;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 2px solid #e74c3c;
}

.quiz-question {
margin-bottom: 25px;
padding: 20px;
background: #f8f9fa;
border-radius: 8px;
border-left: 4px solid #e74c3c;
transition: all 0.3s ease;
}

.quiz-question:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(231, 76, 60, 0.2);
}

.quiz-question p {
font-weight: 600;
margin-bottom: 15px;
color: #2c3e50;
font-size: 16px;
}

.quiz-question label {
display: block;
padding: 12px 15px;
margin: 8px 0;
background: #fff;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s ease;
border: 1px solid #ddd;
font-size: 15px;
}

.quiz-question label:hover {
background: #fdedec;
border-color: #e74c3c;
}

.quiz-question input[type=”radio”] {
margin-right: 12px;
transform: scale(1.1);
}

.quiz-actions {
text-align: center;
margin: 35px 0;
}

.check-answers {
background: #e74c3c;
color: white;
border: none;
padding: 14px 35px;
font-size: 17px;
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease;
font-weight: 600;
box-shadow: 0 4px 10px rgba(231, 76, 60, 0.4);
}

.check-answers:hover {
background: #c0392b;
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(231, 76, 60, 0.5);
}

.check-answers:active {
transform: translateY(0);
}

.quiz-results {
display: none;
margin-top: 35px;
padding: 25px;
background: #f8f9fa;
border-radius: 8px;
border-top: 4px solid #27ae60;
}

.quiz-results h3 {
color: #2c3e50;
margin-bottom: 20px;
font-size: 20px;
}

.quiz-results .score {
color: #27ae60;
font-size: 28px;
}

.answer-key {
background: #fff;
padding: 20px;
border-radius: 6px;
border: 1px solid #eee;
}

.answer-key h4 {
color: #2c3e50;
margin-top: 0;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}

.answer-key p {
padding: 10px 0;
margin: 0;
border-bottom: 1px dashed #eee;
font-size: 15px;
}

.answer-key p:last-child {
border-bottom: none;
}

/* Answer feedback colors */
.correct-answer {
color: #27ae60;
font-weight: bold;
background-color: #e8f8f0;
}

.wrong-answer {
color: #e74c3c;
background-color: #fdedec;
}

.show-answer {
color: #3498db;
font-weight: bold;
background-color: #ebf5fb;
}

@media (max-width: 600px) {
.current-affairs-quiz {
padding: 15px;
}

.quiz-question {
padding: 15px;
}
}

document.addEventListener(‘DOMContentLoaded’, function() {
const correctAnswers = {
q1: {value: “b”, text: “Shahbaz Sharif”},
q2: {value: “c”, text: “India”},
q3: {value: “c”, text: “Lahore”},
q4: {value: “b”, text: “India”},
q5: {value: “d”, text: “22%”},
q6: {value: “b”, text: “Argentina”},
q7: {value: “b”, text: “Narges Mohammadi”},
q8: {value: “a”, text: “Arshad Nadeem”},
q9: {value: “c”, text: “Iran”},
q10: {value: “d”, text: “Above 30%”},
q11: {value: “c”, text: “India”},
q12: {value: “b”, text: “Qazi Faez Isa”},
q13: {value: “c”, text: “IPCC”},
q14: {value: “d”, text: “None of these”},
q15: {value: “b”, text: “Turkey to Türkiye”},
q16: {value: “c”, text: “148th”},
q17: {value: “b”, text: “South Africa”},
q18: {value: “a”, text: “Namira Salim”},
q19: {value: “d”, text: “All of these”},
q20: {value: “d”, text: “Above 240 million”}
};

document.querySelector(‘.check-answers’).addEventListener(‘click’, function() {
let score = 0;
let answerKeyHTML = ‘

Answer Key:

‘;

for(let i = 1; i {
label.classList.remove(‘correct-answer’, ‘wrong-answer’, ‘show-answer’);
});

if(selectedOption) {
const userAnswer = selectedOption.value;
const correctAnswer = correctAnswers[questionName].value;

if(userAnswer === correctAnswer) {
score++;
selectedOption.parentElement.classList.add(‘correct-answer’);
} else {
selectedOption.parentElement.classList.add(‘wrong-answer’);
}
}

// Highlight correct answer
const correctOption = questionElement.querySelector(`input[value=”${correctAnswers[questionName].value}”]`);
correctOption.parentElement.classList.add(‘show-answer’);

// Add to answer key
answerKeyHTML += `

Q${i}:
(${correctAnswers[questionName].value}) ${correctAnswers[questionName].text}

`;
}

// Show results
document.querySelector(‘.score’).textContent = score;
document.querySelector(‘.answer-key’).innerHTML = answerKeyHTML;
document.querySelector(‘.quiz-results’).style.display = ‘block’;

// Scroll to results
document.querySelector(‘.quiz-results’).scrollIntoView({ behavior: ‘smooth’ });
});
});