Simple Present Quiz Choose the correct answer. Question 1 of 20 Score: 0 #mafen-simple-present-quiz { max-width: 700px; margin: 30px auto; padding: 25px; background: #fdfdfd; border: 1px solid #e0e0e0; border-radius: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; box-shadow: 0 5px 15px rgba(0,0,0,0.06); box-sizing: border-box; } #mafen-simple-present-quiz *, #mafen-simple-present-quiz *::before, #mafen-simple-present-quiz *::after { box-sizing: border-box; } .mafen-spr-header { text-align: center; margin-bottom: 25px; } .mafen-spr-header h2 { margin: 0 0 7px; color: #2c3e50; font-size: 27px; font-weight: 700; } .mafen-spr-header p { margin: 0; color: #7f8c8d; font-size: 15px; } .mafen-spr-progress { margin-bottom: 25px; } .mafen-spr-progress-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 14px; color: #566573; } .mafen-spr-progress-info strong { color: #2c3e50; } .mafen-spr-progress-bar { width: 100%; height: 9px; background: #ecf0f1; border-radius: 10px; overflow: hidden; } #mafen-spr-progress-fill { width: 5%; height: 100%; background: #3498db; border-radius: 10px; transition: width 0.3s ease; } .mafen-spr-card { background: #ffffff; padding: 25px; margin-bottom: 20px; border-radius: 10px; border-left: 5px solid #3498db; box-shadow: 0 3px 8px rgba(0,0,0,0.04); } .mafen-spr-topic { display: inline-block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #3498db; font-weight: 700; margin-bottom: 10px; } .mafen-spr-question { font-size: 18px; line-height: 1.6; font-weight: 600; color: #2c3e50; margin-bottom: 20px; } .mafen-spr-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .mafen-spr-option { width: 100%; padding: 13px 15px; background: #f8f9fa; border: 1px solid #dcdde1; border-radius: 7px; text-align: left; font-size: 15px; color: #2c3e50; cursor: pointer; transition: all 0.2s ease; } .mafen-spr-option:hover:not(:disabled) { background: #e1b12c; color: #ffffff; border-color: #e1b12c; transform: translateY(-1px); } .mafen-spr-option:disabled { cursor: default; } .mafen-spr-option.correct { background: #2ecc71 !important; color: #ffffff !important; border-color: #2ecc71 !important; } .mafen-spr-option.incorrect { background: #e74c3c !important; color: #ffffff !important; border-color: #e74c3c !important; } .mafen-spr-feedback { margin-top: 18px; padding: 14px 16px; border-radius: 7px; font-size: 14px; line-height: 1.6; } .mafen-spr-feedback.correct-feedback { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .mafen-spr-feedback.incorrect-feedback { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .mafen-spr-feedback strong { display: block; margin-bottom: 4px; } .mafen-spr-next { width: 100%; margin-top: 20px; padding: 13px 20px; border: none; border-radius: 7px; background: #3498db; color: white; font-size: 15px; font-weight: 600; cursor: pointer; } .mafen-spr-next:hover { background: #2980b9; } #mafen-spr-result { text-align: center; margin-top: 25px; padding: 30px 20px; background: #ebf3f9; border-radius: 10px; } .mafen-spr-result-title { font-size: 28px; font-weight: 700; color: #2c3e50; margin-bottom: 10px; } .mafen-spr-result-score { font-size: 42px; font-weight: 800; color: #3498db; margin: 10px 0; } .mafen-spr-result-message { font-size: 16px; color: #566573; margin-bottom: 20px; } .mafen-spr-restart { padding: 12px 25px; background: #2c3e50; color: #ffffff; border: none; border-radius: 7px; font-size: 15px; font-weight: 600; cursor: pointer; } .mafen-spr-restart:hover { background: #1f2d3a; } @media (max-width: 600px) { #mafen-simple-present-quiz { margin: 15px auto; padding: 18px; } .mafen-spr-header h2 { font-size: 23px; } .mafen-spr-card { padding: 18px; } .mafen-spr-question { font-size: 16px; } .mafen-spr-options { grid-template-columns: 1fr; } .mafen-spr-result-score { font-size: 35px; } } document.addEventListener("DOMContentLoaded", function () { const quizData = [ { topic: "Daily Routine", question: "My brother ___ to school by bus every day.", options: [ { text: "go", correct: false, reason: "With 'my brother', we need the third-person singular form." }, { text: "goes", correct: true, reason: "Correct! With he/she/it, 'go' becomes 'goes'." }, { text: "going", correct: false, reason: "The Simple Present requires the base verb or third-person singular form." }, { text: "is go", correct: false, reason: "This is not a correct English structure." } ] }, { topic: "General Truth", question: "Water ___ at 100°C.", options: [ { text: "boil", correct: false, reason: "The subject 'water' is singular, so the verb needs -s." }, { text: "boils", correct: true, reason: "Correct! The Simple Present is used for general scientific facts." }, { text: "is boiling", correct: false, reason: "This would describe an action happening around now, not a general fact." }, { text: "boiled", correct: false, reason: "The sentence expresses a general truth." } ] }, { topic: "Negative", question: "She ___ coffee in the evening.", options: [ { text: "doesn't drink", correct: true, reason: "Correct! With 'she', negative Simple Present is 'doesn't + base verb'." }, { text: "don't drinks", correct: false, reason: "With 'she', use 'doesn't', and the main verb stays in the base form." }, { text: "doesn't drinks", correct: false, reason: "After 'doesn't', use the base form 'drink'." }, { text: "not drinks", correct: false, reason: "This is not the correct negative structure." } ] }, { topic: "Question Form", question: "___ your father work on Saturdays?", options: [ { text: "Do", correct: false, reason: "With 'your father' we use 'does' because it is third-person singular." }, { text: "Does", correct: true, reason: "Correct! Questions with he/she/it use 'Does + subject + base verb'." }, { text: "Is", correct: false, reason: "The main verb is 'work', so we need 'does' for a Simple Present question." }, { text: "Has", correct: false, reason: "'Has' is not the auxiliary for ordinary Simple Present questions." } ] }, { topic: "Question + Base Verb", question: "Where does Sarah ___?", options: [ { text: "lives", correct: false, reason: "After 'does', the main verb must be in the base form." }, { text: "live", correct: true, reason: "Correct! The structure is 'does + subject + base verb'." }, { text: "living", correct: false, reason: "The base form is required after 'does'." }, { text: "lived", correct: false, reason: "The sentence is a Simple Present question." } ] }, { topic: "Frequency Adverb", question: "I ___ get up early on weekdays.", options: [ { text: "usually", correct: true, reason: "Correct! 'Usually' is a frequency adverb commonly used with the Simple Present for routines." }, { text: "am usually", correct: false, reason: "The main verb is 'get', so we do not use 'am' here." }, { text: "usual", correct: false, reason: "The adverb form is 'usually'." }, { text: "used", correct: false, reason: "'Used' does not fit the sentence." } ] }, { topic: "Frequency Adverb", question: "He ___ forgets his keys.", options: [ { text: "always", correct: true, reason: "Correct! 'Always' normally comes before the main verb in the Simple Present." }, { text: "is always", correct: false, reason: "The verb 'forget' is the main verb, so 'is' is not needed." }, { text: "always is", correct: false, reason: "The word order is incorrect." }, { text: "always forgetting", correct: false, reason: "This is not a Simple Present structure." } ] }, { topic: "Spelling - ES", question: "The train ___ at 8:30 every morning.", options: [ { text: "finish", correct: false, reason: "The subject 'the train' is singular." }, { text: "finishes", correct: true, reason: "Correct! Verbs ending in -sh take -es in the third-person singular." }, { text: "finishs", correct: false, reason: "The correct spelling is 'finishes', not 'finishs'." }, { text: "finishing", correct: false, reason: "The sentence describes a regular timetable." } ] }, { topic: "Spelling - Y", question: "My sister ___ English at university.", options: [ { text: "study", correct: false, reason: "With 'my sister', we need the third-person singular form." }, { text: "studys", correct: false, reason: "When a consonant comes before 'y', change 'y' to 'i' and add -es: studies." }, { text: "studies", correct: true, reason: "Correct! Study → studies in the third-person singular." }, { text: "studying", correct: false, reason: "The sentence describes a regular activity." } ] }, { topic: "Stative Verb", question: "I ___ what you mean.", options: [ { text: "am understand", correct: false, reason: "This is not a correct verb structure." }, { text: "understand", correct: true, reason: "Correct! 'Understand' is normally a stative verb and is commonly used in the Simple Present." }, { text: "am understanding", correct: false, reason: "'Understand' is normally stative and is not usually used in the continuous form." }, { text: "understood", correct: false, reason: "The sentence refers to the present." } ] }, { topic: "Stative Verb", question: "She ___ chocolate.", options: [ { text: "love", correct: false, reason: "With 'she', the verb needs the third-person singular form." }, { text: "loves", correct: true, reason: "Correct! 'Love' is a stative verb and 'she' requires 'loves'." }, { text: "is loving", correct: false, reason: "In standard grammar exercises, 'love' is normally treated as stative." }, { text: "loving", correct: false, reason: "The Simple Present form is required." } ] }, { topic: "Routine", question: "We ___ dinner at around 7 p.m. every evening.", options: [ { text: "have", correct: true, reason: "Correct! The Simple Present is used for regular routines." }, { text: "are having", correct: false, reason: "The phrase 'every evening' indicates a regular routine." }, { text: "had", correct: false, reason: "The sentence describes a present routine." }, { text: "has", correct: false, reason: "With 'we', the correct form is 'have'." } ] }, { topic: "General Fact", question: "The Earth ___ around the Sun.", options: [ { text: "go", correct: false, reason: "The singular subject requires a third-person singular verb." }, { text: "goes", correct: true, reason: "Correct! The Simple Present expresses general scientific facts." }, { text: "is going", correct: false, reason: "This is a general fact, not a temporary action." }, { text: "went", correct: false, reason: "The sentence expresses a permanent scientific fact." } ] }, { topic: "Negative - Do", question: "They ___ watch TV during the week.", options: [ { text: "doesn't", correct: false, reason: "With 'they', use 'don't'." }, { text: "don't", correct: true, reason: "Correct! With I/you/we/they, negative Simple Present uses 'don't + base verb'." }, { text: "don't watches", correct: false, reason: "After 'don't', use the base form 'watch'." }, { text: "not", correct: false, reason: "This is not enough to form a Simple Present negative." } ] }, { topic: "Question - Do", question: "___ your friends play football every weekend?", options: [ { text: "Does", correct: false, reason: "With 'your friends', we use 'do' because the subject is plural." }, { text: "Do", correct: true, reason: "Correct! Questions with plural subjects use 'Do + subject + base verb'." }, { text: "Are", correct: false, reason: "The sentence describes a regular activity using Simple Present." }, { text: "Is", correct: false, reason: "The plural subject requires 'do', not 'is'." } ] }, { topic: "Schedule", question: "The museum ___ at 10 a.m. and ___ at 6 p.m.", options: [ { text: "open / close", correct: false, reason: "The subject 'the museum' is singular, so both verbs need third-person singular forms." }, { text: "opens / closes", correct: true, reason: "Correct! Simple Present is commonly used for timetables and schedules." }, { text: "is opening / is closing", correct: false, reason: "A regular timetable is normally expressed using the Simple Present." }, { text: "opened / closed", correct: false, reason: "The sentence describes the museum's regular schedule." } ] }, { topic: "Frequency", question: "How often ___ you go to the gym?", options: [ { text: "does", correct: false, reason: "With 'you', the auxiliary is 'do'." }, { text: "do", correct: true, reason: "Correct! 'How often do you...?' is used to ask about regular frequency." }, { text: "are", correct: false, reason: "The main verb is 'go', so Simple Present requires 'do'." }, { text: "have", correct: false, reason: "'Have' is not the auxiliary used here." } ] }, { topic: "Third Person Singular", question: "Tom ___ his room every Saturday.", options: [ { text: "clean", correct: false, reason: "With 'Tom', the verb needs the third-person singular form." }, { text: "cleans", correct: true, reason: "Correct! 'Clean' becomes 'cleans' with he/she/it." }, { text: "cleaning", correct: false, reason: "The sentence describes a regular routine." }, { text: "does clean", correct: false, reason: "Although 'does clean' can be used for emphasis, it is not the normal form here." } ] }, { topic: "Stative Verb", question: "This bag ___ to my sister.", options: [ { text: "belong", correct: false, reason: "With 'this bag', the verb needs the third-person singular form." }, { text: "belongs", correct: true, reason: "Correct! 'Belong' is a stative verb and 'this bag' takes 'belongs'." }, { text: "is belonging", correct: false, reason: "'Belong' is normally stative and is not usually used in the continuous form." }, { text: "belonged", correct: false, reason: "The sentence describes a present state." } ] }, { topic: "Final Challenge", question: "What time ___ your English lesson usually start?", options: [ { text: "do", correct: false, reason: "With 'your English lesson', the subject is singular, so we need 'does'." }, { text: "does", correct: true, reason: "Correct! The structure is 'What time does + singular subject + base verb?'" }, { text: "is", correct: false, reason: "The main verb is 'start', so 'does' is needed." }, { text: "has", correct: false, reason: "'Has' is not the correct auxiliary here." } ] } ]; let currentQuestion = 0; let score = 0; const questionsContainer = document.getElementById("mafen-spr-questions"); const resultContainer = document.getElementById("mafen-spr-result"); const currentNumber = document.getElementById("mafen-spr-current"); const totalNumber = document.getElementById("mafen-spr-total"); const scoreDisplay = document.getElementById("mafen-spr-score"); const progressFill = document.getElementById("mafen-spr-progress-fill"); totalNumber.textContent = quizData.length; function loadQuestion() { const question = quizData[currentQuestion]; currentNumber.textContent = currentQuestion + 1; scoreDisplay.textContent = score; progressFill.style.width = ((currentQuestion + 1) / quizData.length * 100) + "%"; let html = ` ${question.topic} ${currentQuestion + 1}. ${question.question} `; question.options.forEach(function(option, index) { html += ` ${option.text} `; }); html += ` `; questionsContainer.innerHTML = html; const buttons = questionsContainer.querySelectorAll(".mafen-spr-option"); buttons.forEach(function(button) { button.addEventListener("click", function() { const selectedIndex = parseInt(this.getAttribute("data-index")); checkAnswer(selectedIndex, buttons); }); }); } function checkAnswer(selectedIndex, buttons) { const question = quizData[currentQuestion]; buttons.forEach(function(button) { button.disabled = true; }); const selectedButton = buttons[selectedIndex]; const correctIndex = question.options.findIndex(function(option) { return option.correct === true; }); const correctButton = buttons[correctIndex]; if (question.options[selectedIndex].correct) { score++; selectedButton.classList.add("correct"); } else { selectedButton.classList.add("incorrect"); correctButton.classList.add("correct"); } scoreDisplay.textContent = score; const feedback = document.getElementById("mafen-spr-feedback"); if (question.options[selectedIndex].correct) { feedback.className = "mafen-spr-feedback correct-feedback"; feedback.innerHTML = "✓ Correct!" + question.options[selectedIndex].reason; } else { feedback.className = "mafen-spr-feedback incorrect-feedback"; feedback.innerHTML = "✗ Incorrect." + question.options[selectedIndex].reason + "Correct answer: " + question.options[correctIndex].text; } feedback.style.display = "block"; if (currentQuestion < quizData.length - 1) { const nextButton = document.createElement("button"); nextButton.type = "button"; nextButton.className = "mafen-spr-next"; nextButton.textContent = "Next Question →"; nextButton.addEventListener("click", function() { currentQuestion++; loadQuestion(); window.scrollTo({ top: questionsContainer.offsetTop - 20, behavior: "smooth" }); }); feedback.parentNode.appendChild(nextButton); } else { const finishButton = document.createElement("button"); finishButton.type = "button"; finishButton.className = "mafen-spr-next"; finishButton.textContent = "View My Result"; finishButton.addEventListener("click", function() { showResult(); }); feedback.parentNode.appendChild(finishButton); } } function showResult() { questionsContainer.style.display = "none"; const percentage = Math.round((score / quizData.length) * 100); let message = ""; if (percentage >= 90) { message = "Excellent! You have a very strong understanding of the Simple Present."; } else if (percentage >= 75) { message = "Very good! You understand the main Simple Present structures."; } else if (percentage >= 60) { message = "Good effort! Review do/does, third-person singular and negative forms."; } else { message = "Keep practising! Pay special attention to do/does and -s/-es/-ies."; } resultContainer.innerHTML = ` Quiz Complete! ${score} / ${quizData.length} ${percentage}% ${message} ↻ Restart Quiz `; resultContainer.style.display = "block"; document .getElementById("mafen-spr-restart") .addEventListener("click", restartQuiz); resultContainer.scrollIntoView({ behavior: "smooth", block: "center" }); } function restartQuiz() { currentQuestion = 0; score = 0; resultContainer.style.display = "none"; questionsContainer.style.display = "block"; scoreDisplay.textContent = "0"; loadQuestion(); window.scrollTo({ top: questionsContainer.offsetTop - 20, behavior: "smooth" }); } loadQuestion(); });
MAFY – English Buddy