PRESENT CONTINUOUS

Present Continuous Quiz Choose the correct answer. Question 1 of 20 Score: 0 #mafen-present-continuous-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-present-continuous-quiz *, #mafen-present-continuous-quiz *::before, #mafen-present-continuous-quiz *::after { box-sizing: border-box; } .mafen-pc-header { text-align: center; margin-bottom: 25px; } .mafen-pc-header h2 { margin: 0 0 7px; color: #2c3e50; font-size: 27px; font-weight: 700; } .mafen-pc-header p { margin: 0; color: #7f8c8d; font-size: 15px; } .mafen-pc-progress { margin-bottom: 25px; } .mafen-pc-progress-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 14px; color: #566573; } .mafen-pc-progress-info strong { color: #2c3e50; } .mafen-pc-progress-bar { width: 100%; height: 9px; background: #ecf0f1; border-radius: 10px; overflow: hidden; } #mafen-pc-progress-fill { width: 5%; height: 100%; background: #3498db; border-radius: 10px; transition: width 0.3s ease; } .mafen-pc-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-pc-topic { display: inline-block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #3498db; font-weight: 700; margin-bottom: 10px; } .mafen-pc-question { font-size: 18px; line-height: 1.6; font-weight: 600; color: #2c3e50; margin-bottom: 20px; } .mafen-pc-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .mafen-pc-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-pc-option:hover:not(:disabled) { background: #e1b12c; color: #ffffff; border-color: #e1b12c; transform: translateY(-1px); } .mafen-pc-option:disabled { cursor: default; } .mafen-pc-option.correct { background: #2ecc71 !important; color: #ffffff !important; border-color: #2ecc71 !important; } .mafen-pc-option.incorrect { background: #e74c3c !important; color: #ffffff !important; border-color: #e74c3c !important; } .mafen-pc-feedback { margin-top: 18px; padding: 14px 16px; border-radius: 7px; font-size: 14px; line-height: 1.6; } .mafen-pc-feedback.correct-feedback { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .mafen-pc-feedback.incorrect-feedback { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .mafen-pc-feedback strong { display: block; margin-bottom: 4px; } .mafen-pc-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-pc-next:hover { background: #2980b9; } #mafen-pc-result { text-align: center; margin-top: 25px; padding: 30px 20px; background: #ebf3f9; border-radius: 10px; } .mafen-pc-result-title { font-size: 28px; font-weight: 700; color: #2c3e50; margin-bottom: 10px; } .mafen-pc-result-score { font-size: 42px; font-weight: 800; color: #3498db; margin: 10px 0; } .mafen-pc-result-message { font-size: 16px; color: #566573; margin-bottom: 20px; } .mafen-pc-restart { padding: 12px 25px; background: #2c3e50; color: #ffffff; border: none; border-radius: 7px; font-size: 15px; font-weight: 600; cursor: pointer; } .mafen-pc-restart:hover { background: #1f2d3a; } @media (max-width: 600px) { #mafen-present-continuous-quiz { margin: 15px auto; padding: 18px; } .mafen-pc-header h2 { font-size: 23px; } .mafen-pc-card { padding: 18px; } .mafen-pc-question { font-size: 16px; } .mafen-pc-options { grid-template-columns: 1fr; } .mafen-pc-result-score { font-size: 35px; } } document.addEventListener("DOMContentLoaded", function () { const quizData = [ { topic: "Now", question: "Look! The children ___ in the garden.", options: [ { text: "play", correct: false, reason: "The word 'Look!' shows that the action is happening now." }, { text: "are playing", correct: true, reason: "Correct! Present Continuous is used for an action happening at the moment of speaking." }, { text: "played", correct: false, reason: "The action is happening now, not in the past." }, { text: "have played", correct: false, reason: "The sentence focuses on an action happening at the moment." } ] }, { topic: "At the Moment", question: "I ___ dinner at the moment.", options: [ { text: "cook", correct: false, reason: "'At the moment' indicates an action happening now." }, { text: "am cooking", correct: true, reason: "Correct! Present Continuous is used for an activity happening around now." }, { text: "cooked", correct: false, reason: "The action is happening in the present." }, { text: "have cooked", correct: false, reason: "The sentence describes an activity happening now." } ] }, { topic: "Third Person", question: "Sarah ___ for her exam right now.", options: [ { text: "study", correct: false, reason: "The Present Continuous requires 'is + verb-ing' with Sarah." }, { text: "is studying", correct: true, reason: "Correct! With 'Sarah', use 'is + studying'." }, { text: "are studying", correct: false, reason: "'Sarah' is singular, so use 'is'." }, { text: "studies", correct: false, reason: "'Right now' indicates an action happening at the moment." } ] }, { topic: "Negative", question: "They ___ TV now.", options: [ { text: "aren't watching", correct: true, reason: "Correct! The negative Present Continuous is 'are not + verb-ing'." }, { text: "don't watching", correct: false, reason: "Simple Present uses 'don't', but Present Continuous uses 'aren't'." }, { text: "aren't watch", correct: false, reason: "After 'aren't', we need the -ing form." }, { text: "not are watching", correct: false, reason: "The correct word order is 'are not watching'." } ] }, { topic: "Question Form", question: "___ you listening to me?", options: [ { text: "Do", correct: false, reason: "Present Continuous questions use 'am/is/are', not 'do/does'." }, { text: "Are", correct: true, reason: "Correct! The structure is 'Are + subject + verb-ing?'" }, { text: "Does", correct: false, reason: "'Does' is used for Simple Present questions." }, { text: "Have", correct: false, reason: "This is not a Present Perfect question." } ] }, { topic: "Temporary Situation", question: "My parents ___ in a hotel this week.", options: [ { text: "stay", correct: false, reason: "'This week' describes a temporary situation." }, { text: "are staying", correct: true, reason: "Correct! Present Continuous can describe temporary situations around the present." }, { text: "stayed", correct: false, reason: "The situation is happening this week." }, { text: "have stayed", correct: false, reason: "The sentence focuses on a temporary situation happening now." } ] }, { topic: "Changing Situation", question: "The weather ___ colder these days.", options: [ { text: "gets", correct: false, reason: "The sentence focuses on a change happening around the present." }, { text: "is getting", correct: true, reason: "Correct! Present Continuous can describe a changing or developing situation." }, { text: "got", correct: false, reason: "The change is happening around the present." }, { text: "has got", correct: false, reason: "The sentence focuses on the process of change." } ] }, { topic: "Temporary Work", question: "She usually works in London, but this month she ___ in Manchester.", options: [ { text: "works", correct: false, reason: "The sentence contrasts a normal situation with a temporary one." }, { text: "is working", correct: true, reason: "Correct! Present Continuous describes the temporary situation this month." }, { text: "worked", correct: false, reason: "The temporary situation is happening now." }, { text: "has worked", correct: false, reason: "The sentence focuses on a temporary activity around the present." } ] }, { topic: "Future Arrangement", question: "I ___ my dentist tomorrow afternoon.", options: [ { text: "see", correct: false, reason: "Although Simple Present can be used for schedules, this sentence describes a personal arrangement." }, { text: "am seeing", correct: true, reason: "Correct! Present Continuous can describe a definite future arrangement." }, { text: "saw", correct: false, reason: "The appointment is in the future." }, { text: "have seen", correct: false, reason: "The appointment has not happened yet." } ] }, { topic: "Future Arrangement", question: "We ___ our friends tonight.", options: [ { text: "meet", correct: false, reason: "The sentence refers to a planned arrangement for tonight." }, { text: "are meeting", correct: true, reason: "Correct! Present Continuous is commonly used for fixed personal arrangements." }, { text: "met", correct: false, reason: "The meeting is planned for the future." }, { text: "have met", correct: false, reason: "The meeting has not happened yet." } ] }, { topic: "Spelling - ING", question: "The baby is ___ now.", options: [ { text: "cry", correct: false, reason: "Present Continuous requires the -ing form." }, { text: "crying", correct: true, reason: "Correct! Cry → crying." }, { text: "crys", correct: false, reason: "This is neither the correct Simple Present nor Present Continuous form." }, { text: "cried", correct: false, reason: "The sentence describes an action happening now." } ] }, { topic: "Spelling - E", question: "He is ___ his car at the moment.", options: [ { text: "drive", correct: false, reason: "Present Continuous requires the -ing form." }, { text: "driving", correct: true, reason: "Correct! The final 'e' is removed before adding -ing: drive → driving." }, { text: "driveing", correct: false, reason: "The correct spelling is 'driving'." }, { text: "drove", correct: false, reason: "The action is happening now." } ] }, { topic: "Double Consonant", question: "The dog is ___ after the ball.", options: [ { text: "run", correct: false, reason: "Present Continuous requires the -ing form." }, { text: "running", correct: true, reason: "Correct! Run → running: the final consonant is doubled before -ing." }, { text: "runing", correct: false, reason: "The correct spelling is 'running' with double n." }, { text: "ran", correct: false, reason: "The action is happening now." } ] }, { topic: "Stative Verb", question: "I ___ what you are saying.", options: [ { text: "am understanding", correct: false, reason: "'Understand' is normally a stative verb and is not usually used in the continuous form." }, { text: "understand", correct: true, reason: "Correct! 'Understand' is normally used in the Simple Present, even when referring to the current situation." }, { text: "am understand", correct: false, reason: "This is not a correct verb structure." }, { text: "understanding", correct: false, reason: "The sentence needs a complete finite verb." } ] }, { topic: "Stative Verb", question: "She ___ this song.", options: [ { text: "is loving", correct: false, reason: "In standard grammar exercises, 'love' is normally treated as a stative verb." }, { text: "loves", correct: true, reason: "Correct! 'Love' is normally used in the Simple Present as a stative verb." }, { text: "loving", correct: false, reason: "This is not a complete verb phrase." }, { text: "is love", correct: false, reason: "This is not grammatically correct." } ] }, { topic: "Look / Listen", question: "Listen! Someone ___ at the door.", options: [ { text: "knocks", correct: false, reason: "'Listen!' indicates an action happening at this moment." }, { text: "is knocking", correct: true, reason: "Correct! Present Continuous is used for an action happening now." }, { text: "knocked", correct: false, reason: "The sound is happening now." }, { text: "has knocked", correct: false, reason: "The sentence focuses on an action happening at the moment." } ] }, { topic: "Question Word", question: "What ___ you ___ right now?", options: [ { text: "do / do", correct: false, reason: "The expression 'right now' requires Present Continuous." }, { text: "are / doing", correct: true, reason: "Correct! The structure is 'What are you doing?'" }, { text: "are / do", correct: false, reason: "After 'are' in Present Continuous, use the -ing form." }, { text: "have / done", correct: false, reason: "The question asks about an activity happening now." } ] }, { topic: "Temporary Trend", question: "More people ___ online these days.", options: [ { text: "shop", correct: false, reason: "The sentence emphasises a developing trend around the present." }, { text: "are shopping", correct: true, reason: "Correct! Present Continuous can describe a developing trend or changing situation." }, { text: "shopped", correct: false, reason: "The trend is happening in the present." }, { text: "have shopped", correct: false, reason: "The sentence focuses on an ongoing trend." } ] }, { topic: "Final Challenge", question: "Why ___ you ___ so loudly? The baby is sleeping.", options: [ { text: "do / talk", correct: false, reason: "The sentence refers to an action happening at the moment." }, { text: "are / talking", correct: true, reason: "Correct! 'Why are you talking?' uses Present Continuous for an action happening now." }, { text: "are / talk", correct: false, reason: "After 'are', we need the -ing form." }, { text: "have / talked", correct: false, reason: "The sentence asks about an action happening now." } ] } ]; let currentQuestion = 0; let score = 0; const questionsContainer = document.getElementById("mafen-pc-questions"); const resultContainer = document.getElementById("mafen-pc-result"); const currentNumber = document.getElementById("mafen-pc-current"); const totalNumber = document.getElementById("mafen-pc-total"); const scoreDisplay = document.getElementById("mafen-pc-score"); const progressFill = document.getElementById("mafen-pc-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-pc-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-pc-feedback"); if (question.options[selectedIndex].correct) { feedback.className = "mafen-pc-feedback correct-feedback"; feedback.innerHTML = "✓ Correct!" + question.options[selectedIndex].reason; } else { feedback.className = "mafen-pc-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-pc-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-pc-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 Present Continuous."; } else if (percentage >= 75) { message = "Very good! You understand the main Present Continuous structures."; } else if (percentage >= 60) { message = "Good effort! Review am/is/are, -ing forms and temporary situations."; } else { message = "Keep practising! Pay special attention to am/is/are + verb-ing."; } resultContainer.innerHTML = ` Quiz Complete! ${score} / ${quizData.length} ${percentage}% ${message} ↻ Restart Quiz `; resultContainer.style.display = "block"; document .getElementById("mafen-pc-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(); });