/* Custom styles for a better look and feel */ body { font-family: 'Inter', sans-serif; background-color: #f0f4f8; /* Light blue-gray background */ } .quiz-container { transition: all 0.3s ease-in-out; } .option-label { transition: all 0.2s ease-in-out; cursor: pointer; } .option-label:hover { background-color: #e0e7ff; /* Light indigo on hover */ transform: translateY(-2px); } /* Style for when an option is selected */ input[type="radio"]:checked + .option-label { background-color: #c7d2fe; /* Indigo */ border-color: #6366f1; /* Darker Indigo */ color: #1e1b4b; font-weight: 600; } /* Style for correct answers */ .correct { background-color: #dcfce7 !important; /* Green */ border-color: #22c55e !important; color: #14532d !important; } /* Style for incorrect answers */ .incorrect { background-color: #fee2e2 !important; /* Red */ border-color: #ef4444 !important; color: #7f1d1d !important; }

const quizData = [ { question: "1. We have received no informations.", options: ["We have received no informations.", "We has received no information.", "We have received no information.", "We were receiving no informations."], answer: "C", explanation: "`information` is an uncountable noun and does not have a plural form." }, { question: "2. Politics are not meant for me.", options: ["Politic is not meant for me.", "Politics is not meant for me.", "Politics were not meant for me.", "Politics are not meant for me."], answer: "B", explanation: "`Politics` is treated as a singular noun, so it takes the singular verb `is`." }, { question: "3. We saw beautiful sceneries in Kashmir.", options: ["We saw beautiful scenery in Kashmir.", "We saw a beautiful scenery in Kashmir.", "We saw beautiful sceneries in Kashmir.", "We have seen beautiful sceneries in Kashmir."], answer: "A", explanation: "`scenery` is an uncountable noun." }, { question: "4. The new machineries have arrived.", options: ["The new machineries have arrived.", "The new machinery has arrived.", "The new machineries has arrived.", "The new machinery have arrived."], answer: "B", explanation: "`machinery` is an uncountable noun and takes a singular verb (`has`)." }, { question: "5. I will take care of your luggages.", options: ["I will take care of your luggages.", "I will take care of your luggage.", "I will take cares of your luggage.", "I will take care of a luggage."], answer: "B", explanation: "`luggage` is an uncountable noun." }, { question: "6. Her hairs are brown.", options: ["Her hairs are brown.", "Her hairs is brown.", "Her hair are brown.", "Her hair is brown."], answer: "D", explanation: "When referring to all the hair on a person's head, `hair` is singular and uncountable." }, { question: "7. This is the fruit of my father's good advices.", options: ["This is the fruit of my father's good advice.", "These are the fruits of my father's good advices.", "This is the fruit of my fathers' good advices.", "This is the fruit of my father's good advices."], answer: "A", explanation: "`advice` is an uncountable noun." }, { question: "8. The cattles are a nuisance on our streets.", options: ["The cattles is a nuisance on our streets.", "The cattle is a nuisance on our streets.", "The cattles are a nuisance on our streets.", "The cattle are a nuisance on our streets."], answer: "D", explanation: "`cattle` is a plural noun that does not take an 's'. It requires a plural verb (`are`)." }, { question: "9. He had been to his mother's-in-law house.", options: ["He had been to his mother's-in-law house.", "He had been to his mothers-in-law's house.", "He had been to his mother-in-law's house.", "He had been to his mother-in-laws' house."], answer: "C", explanation: "For compound nouns, the possessive 's is added to the last word." }, { question: "10. Summons have been served on the defaulters.", options: ["Summons has been served on the defaulters.", "Summonses has been served on the defaulters.", "Summons have been served on the defaulters.", "A summon has been served on the defaulters."], answer: "A", explanation: "`Summons` is a singular noun and requires a singular verb (`has`)." }, { question: "11. Athletics are his favourite sport.", options: ["Athletic are his favourite sport.", "Athletics are his favourite sport.", "Athletics is his favourite sport.", "The athletics are his favourite sport."], answer: "C", explanation: "`Athletics`, like gymnastics or mathematics, is a singular noun." }, { question: "12. She forgot to bring her scissor.", options: ["She forgot to bring her scissor.", "She forgot to bring her scissors.", "She forgot to bring her a scissor.", "She forgot to bring a pairs of scissor."], answer: "B", explanation: "`scissors` is a plural noun (referring to a single item with two blades)." }, { question: "13. My grandmother does not wear spectacle.", options: ["My grandmother does not wear a spectacle.", "My grandmother does not wear spectacle.", "My grandmother do not wear spectacles.", "My grandmother does not wear spectacles."], answer: "D", explanation: "`spectacles` (glasses) is a plural noun." }, { question: "14. He forgot to wash his trouser.", options: ["He forgot to wash his trouser.", "He forgot to wash his a trouser.", "He forgot to wash his trousers.", "He forgot washing his trouser."], answer: "C", explanation: "`trousers` is a plural noun." }, { question: "15. He was overcome by the misery of the poors.", options: ["He was overcome by the misery of the poors.", "He was overcome by the miseries of the poor.", "He was overcome by the misery of the poor.", "He was overcome by the misery of the poor's."], answer: "C", explanation: "`The poor` is a collective noun phrase referring to poor people; it does not take an 's'." } ]; // DOM Elements const questionsContainer = document.getElementById('questions-container'); const submitBtn = document.getElementById('submit-btn'); const retryBtn = document.getElementById('retry-btn'); const resultsContainer = document.getElementById('results'); const scoreEl = document.getElementById('score'); const totalQuestionsEl = document.getElementById('total-questions'); const feedbackEl = document.getElementById('feedback'); const showAnswersBtn = document.getElementById('show-answers-btn'); const answerKeyContainer = document.getElementById('answer-key'); const answerList = document.getElementById('answer-list'); // --- Functions --- /** * Loads and displays the quiz questions and options. */ function loadQuiz() { let quizHTML = ''; quizData.forEach((q, index) => { quizHTML += `

`; }); questionsContainer.innerHTML = quizHTML; totalQuestionsEl.textContent = quizData.length; } /** * Calculates score, provides feedback, and styles answers. */ function checkAnswers() { let score = 0; quizData.forEach((q, index) => { const selectedOption = document.querySelector(`input[name="question${index}"]:checked`); const options = document.querySelectorAll(`input[name="question${index}"]`); options.forEach(option => { const label = option.nextElementSibling; // Disable further clicks option.disabled = true; // Highlight the correct answer if (option.value === q.answer) { label.classList.add('correct'); } }); if (selectedOption) { if (selectedOption.value === q.answer) { score++; } else { // Highlight the user's incorrect choice selectedOption.nextElementSibling.classList.add('incorrect'); } } }); // Display results scoreEl.textContent = score; resultsContainer.classList.remove('hidden'); submitBtn.classList.add('hidden'); retryBtn.classList.remove('hidden'); // Provide feedback message let feedbackMessage = ''; const percentage = (score / quizData.length) * 100; if (percentage === 100) feedbackMessage = "🎉 Perfect Score! You're a grammar master!"; else if (percentage >= 80) feedbackMessage = "👍 Excellent work! You know your stuff."; else if (percentage >= 50) feedbackMessage = "🤔 Good effort! A little more practice will help."; else feedbackMessage = "📚 Keep practicing! You'll get there."; feedbackEl.textContent = feedbackMessage; } /** * Resets the quiz to its initial state. */ function retryQuiz() { resultsContainer.classList.add('hidden'); submitBtn.classList.remove('hidden'); retryBtn.classList.add('hidden'); answerKeyContainer.classList.add('hidden'); loadQuiz(); // Reloads the questions and resets selections } /** * Toggles the visibility of the answer key. */ function toggleAnswerKey() { if (answerKeyContainer.classList.contains('hidden')) { let answerHTML = ''; quizData.forEach((q, index) => { const correctOptionText = q.options[q.answer.charCodeAt(0) - 65]; answerHTML += `

${index + 1}. ${q.answer} - ${correctOptionText}

${q.explanation}

`; }); answerList.innerHTML = answerHTML; answerKeyContainer.classList.remove('hidden'); showAnswersBtn.textContent = "Hide Answer Key"; } else { answerKeyContainer.classList.add('hidden'); showAnswersBtn.textContent = "Show Answer Key"; } } // --- Event Listeners --- submitBtn.addEventListener('click', checkAnswers); retryBtn.addEventListener('click', retryQuiz); showAnswersBtn.addEventListener('click', toggleAnswerKey); // --- Initial Load --- document.addEventListener('DOMContentLoaded', loadQuiz);