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

 

.english-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);
}

.english-quiz h2 {
text-align: center;
color: #2c3e50;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 2px solid #3498db;
}

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

.quiz-question:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(52, 152, 219, 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: #ebf5fb;
border-color: #3498db;
}

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

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

.check-answers {
background: #3498db;
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(52, 152, 219, 0.4);
}

.check-answers:hover {
background: #2980b9;
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(52, 152, 219, 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 #e74c3c;
}

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

.quiz-results .score {
color: #e74c3c;
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) {
.english-quiz {
padding: 15px;
}

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

document.addEventListener(‘DOMContentLoaded’, function() {
const correctAnswers = {
q1: {value: “c”, text: “She doesn’t like apples”},
q2: {value: “c”, text: “Accommodate”},
q3: {value: “c”, text: “Malevolent”},
q4: {value: “a”, text: “This house was built in 1990 by them”},
q5: {value: “b”, text: “Children”},
q6: {value: “b”, text: “to”},
q7: {value: “b”, text: “Persist”},
q8: {value: “b”, text: “”What time is it?” he asked.”},
q9: {value: “b”, text: “Adverb”},
q10: {value: “b”, text: “She has gone to school”},
q11: {value: “b”, text: “He said that he was happy”},
q12: {value: “c”, text: “Better”},
q13: {value: “b”, text: “Separate”},
q14: {value: “c”, text: “Provoke”},
q15: {value: “c”, text: “The”},
q16: {value: “a”, text: “Running quickly, the bus was caught by the boy”},
q17: {value: “b”, text: “To endure a painful experience”},
q18: {value: “b”, text: “can’t she”},
q19: {value: “a”, text: “Lasting a very short time”},
q20: {value: “b”, text: “The team is playing well”}
};

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’ });
});
});