SVO (Subject-Verb-Object)

LND Class 3 SV/SVO Test :root { --primary: #00897B; /* Teal */ --bg: #FAFAFA; --text: #212121; --correct-bg: #E8F5E9; --correct-border: #4CAF50; --correct-text: #1B5E20; --wrong-bg: #FFEBEE; --wrong-border: #F44336; --wrong-text: #B71C1C; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: var(--bg); color: var(--text); } .app-container { max-width: 700px; margin: 0 auto; background: #fff; min-height: 100vh; display: flex; flex-direction: column; } .view-section { display: none; padding: 20px; } .view-section.active { display: block; } /* HEADER */ .app-header { background: var(--primary); color: white; padding: 25px 20px; text-align: center; border-radius: 0 0 20px 20px; margin-bottom: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } .app-header h1 { margin: 0; font-size: 1.6rem; } .app-header p { margin: 5px 0 0; opacity: 0.9; font-size: 0.9rem; } /* MENU */ .menu-item { background: #fff; border: 1px solid #ddd; border-radius: 12px; padding: 18px; margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } .menu-item:active { background-color: #f5f5f5; transform: scale(0.98); } .menu-icon { font-size: 1.5rem; margin-right: 15px; } /* QUIZ AREA */ .sticky-bar { position: sticky; top: 0; background: #fff; z-index: 100; padding: 10px 15px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 5px rgba(0,0,0,0.05); } .q-text { font-size: 1.2rem; font-weight: bold; color: #fff; line-height: 1.6rem; margin: 20px 0; text-align: center; background: #000; padding: 20px; border-radius: 8px; border: 2px solid #333; } .opts-container { display: grid; gap: 12px; } .opt-btn { background: #fff; border: 2px solid #e0e0e0; padding: 15px; border-radius: 12px; text-align: left; cursor: pointer; font-size: 1rem; color: #444; font-weight: 600; text-transform: capitalize; line-height: 1.4; display: flex; align-items: center; } .opt-btn b { margin-right: 10px; color: var(--primary); } .opt-btn.correct { background: var(--correct-bg); border-color: var(--correct-border); color: var(--correct-text); } .opt-btn.wrong { background: var(--wrong-bg); border-color: var(--wrong-border); color: var(--wrong-text); } /* RESULT TABLE */ .res-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 0.85rem; table-layout: fixed; } .res-table th { background: var(--primary); color: white; padding: 10px; text-align: left; } .res-table td { padding: 10px; border-bottom: 1px solid #eee; vertical-align: top; word-wrap: break-word; } .res-row-correct { background-color: #E8F5E9; } .res-row-wrong { background-color: #FFEBEE; } .btn-main { width: 100%; padding: 15px; background: var(--primary); color: white; border: none; border-radius: 50px; font-size: 1.1rem; font-weight: bold; cursor: pointer; margin-top: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } .share-btn { display: inline-block; width: 48%; padding: 12px; margin-top: 10px; border-radius: 8px; color: white; text-align: center; text-decoration: none; font-weight: bold; font-size: 0.9rem; border: none; cursor: pointer; } .share-wa { background: #25D366; } .share-fb { background: #1877F2; } /* REWARD ANIMATION */ .reward-box { text-align: center; margin-bottom: 20px; padding: 20px; background: #fff; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border: 2px solid #eee; } .reward-icon { font-size: 5rem; display: block; margin-bottom: 10px; animation: bounce 1s infinite alternate; } .reward-title { font-size: 1.5rem; font-weight: bold; color: #333; margin-bottom: 5px; } .reward-msg { color: #666; font-size: 1rem; } @keyframes bounce { from { transform: translateY(0); } to { transform: translateY(-10px); } } LND Class 3 SV/SVO Sentence Arrangement | 300 Questions 📚 Practice Sets Topic wise (He plays, We go, etc) ▶ 🎲 Grand Mock Test 50 Random Questions ▶ Select Set ✕ Q: 1 ⏱ 00:00 ✓ 0 ✕ Identify the correct sentence. Next ➜ Result Card Score & Reward ❓ ... ... 0 Obtained Marks / Total Marks Time: 00:00 WhatsApp Facebook QCorrect AnswerStatus Home // --- DATA GENERATION LOGIC --- const qBank = []; // Helper: Create specific LND Pattern Distractors // SV Pattern: "He runs" -> Wrong: "Runs he", "He running", "Run he" // SVO Pattern: "Ali plays cricket" -> Wrong: "Plays cricket Ali", "Ali cricket plays", "Cricket plays Ali" function createDistractors(sentence) { let parts = sentence.trim().split(/\s+/); // Split by space // Pattern 1: SV (2 words) e.g., "He runs" if(parts.length === 2) { return [ `${parts[1]} ${parts[0]}`, // "Runs He" `${parts[0]} ${parts[1]}ing`, // "He runsing" (Fake grammar) `${parts[1]} to ${parts[0]}` // "Runs to He" ]; } // Pattern 2: SVO (3+ words) e.g., "Ali plays cricket" // We treat the first word as Subject, second as Verb, rest as Object if(parts.length >= 3) { let s = parts[0]; let v = parts[1]; let o = parts.slice(2).join(' '); // "cricket" or "the ball" return [ `${v} ${o} ${s}`, // "Plays cricket Ali" (VOS) `${s} ${o} ${v}`, // "Ali cricket plays" (SOV) `${o} ${v} ${s}` // "Cricket plays Ali" (OVS) ]; } // Fallback for weird data return [ `${parts[parts.length-1]} ${parts[0]}`, `Not ${sentence}`, `${sentence} not` ]; } function addQ(setID, sentence) { let cleanSent = sentence.trim(); // 1. Correct Answer let correctTxt = cleanSent; // 2. Distractors let wrongOpts = createDistractors(cleanSent); // 3. Combine and ensure 4 unique options let allOpts = [correctTxt, ...wrongOpts]; // Deduping (just in case) allOpts = [...new Set(allOpts)]; // If somehow we have less than 4, fill with dummies (rare) while(allOpts.length < 4) { allOpts.push("Invalid Sentence Structure"); } qBank.push({ s: setID, correctTxt: correctTxt, allOpts: allOpts }); } // --- DATA SETS (30 unique sentences per set) --- // Set 1: Names + Simple Verbs (SVO) const s1Names = ["Ali","Ahmed","Sara","Hina","Bilal","Aslam","Zaid","Maria","Sana","Raza"]; const s1Verbs = ["plays","eats","drinks","likes","reads","writes","cooks","washes","buys","sells"]; const s1Objs = ["cricket","apples","water","mangoes","books","letters","food","clothes","shoes","fruits"]; for(let i=0; i addQ(6, s)); // Set 7: Food & Health const s7 = [ "I like apples","She likes grapes","He eats banana","We drink juice","They eat rice", "Milk is white","Tea is hot","Water is cold","Ice cream is sweet","Lemon is sour", "Wash your hands","Brush your teeth","Take a bath","Comb your hair","Cut your nails", "Eat fresh fruit","Drink pure water","Do not eat junk","Sleep on time","Wake up early", "Health is wealth","An apple a day","Doctors cure patients","Exercise is good","Walk in morning", "Breathing fresh air","Eyes allow seeing","Ears allow hearing","Nose allows smelling","Tongue allows tasting" ]; s7.forEach(s => addQ(7, s)); // Set 8: Nature & Objects const s8 = [ "Sun shines in sky","Moon gives light","Stars twinkle at night","Sky is blue","Grass is green", "Clouds bring rain","Wind blows fast","Flowers smell good","Trees give shade","River flows fast", "Fire burns wood","Snow is cold","Earth is round","Days are bright","Nights are dark", "This is a table","That is a chair","These are books","Those are birds","It is a pen", "Clock tells time","Fan gives air","Bulb gives light","Door is open","Window is shut", "Car moves fast","Bus stops here","Train runs on track","Plane flies high","Ship sails in sea" ]; s8.forEach(s => addQ(8, s)); // Set 9: Continuous Tense (Subject + is/am/are + V-ing) const s9Sub = ["I am","He is","She is","It is","We are","You are","They are","Ali is","Sara is","Boys are"]; const s9Verb = ["reading","writing","playing","sleeping","eating","drinking","running","walking","talking","laughing"]; for(let i=0; i addQ(10, s)); // --- APP LOGIC --- const sets = [ {id:1, t:"Set 1: Names & Verbs"}, {id:2, t:"Set 2: Pronouns Routine"}, {id:3, t:"Set 3: I/We/You/They"}, {id:4, t:"Set 4: Animals & Sounds"}, {id:5, t:"Set 5: School Life"}, {id:6, t:"Set 6: Home & Family"}, {id:7, t:"Set 7: Food & Health"}, {id:8, t:"Set 8: Nature & Objects"}, {id:9, t:"Set 9: Action (ing)"}, {id:10, t:"Set 10: Mixed Challenge"} ]; let currQ = 0, score = 0, qList = []; let userAnswers = []; let timerInterval, seconds = 0; window.onload = function() { const sList = document.getElementById("sets-list"); sets.forEach(s => { const div = document.createElement("div"); div.className = "menu-item"; div.innerHTML = `${s.t}▶`; div.onclick = () => startQuiz(s.id); sList.appendChild(div); }); }; function show(id) { document.querySelectorAll(".view-section").forEach(e => e.classList.remove("active")); document.getElementById(id).classList.add("active"); window.scrollTo(0,0); } function startTimer() { seconds = 0; document.getElementById("timer-display").innerText = "00:00"; clearInterval(timerInterval); timerInterval = setInterval(() => { seconds++; const m = Math.floor(seconds / 60).toString().padStart(2, '0'); const s = (seconds % 60).toString().padStart(2, '0'); document.getElementById("timer-display").innerText = `${m}:${s}`; }, 1000); } function startQuiz(sid) { let pool = []; if (sid === 99) { pool = [...qBank].sort(() => Math.random() - 0.5).slice(0, 50); } else { pool = qBank.filter(q => q.s === sid).sort(() => Math.random() - 0.5); } if(pool.length === 0) return alert("Please wait, data loading..."); qList = pool; currQ = 0; score = 0; userAnswers = []; document.getElementById("score").innerText = "0"; show("view-quiz"); startTimer(); renderQ(); } function renderQ() { const q = qList[currQ]; document.getElementById("q-curr").innerText = `${currQ+1}/${qList.length}`; const optsDiv = document.getElementById("opts"); optsDiv.innerHTML = ""; // Clear previous options // Create and shuffle options let finalOpts = [...q.allOpts]; finalOpts.sort(() => Math.random() - 0.5); finalOpts.forEach((optText, i) => { const btn = document.createElement("div"); btn.className = "opt-btn"; // Mark the correct button in DOM dataset for easy checking btn.dataset.isCorrect = (optText === q.correctTxt) ? "true" : "false"; btn.innerHTML = `${String.fromCharCode(65+i)}) ${optText}`; btn.onclick = () => check(btn, optText, q.correctTxt); optsDiv.appendChild(btn); }); document.getElementById("next-btn").style.display = "none"; } function check(btn, selected, correct) { // Disable all clicks const all = document.querySelectorAll(".opt-btn"); all.forEach(b => b.style.pointerEvents = "none"); const isCorrect = (btn.dataset.isCorrect === "true"); userAnswers.push({ qNum: currQ + 1, sel: selected, cor: correct, isCor: isCorrect }); if(isCorrect) { btn.classList.add("correct"); score++; document.getElementById("score").innerText = score; } else { btn.classList.add("wrong"); // Highlight the REAL correct answer (only 1) all.forEach(b => { if(b.dataset.isCorrect === "true") b.classList.add("correct"); }); if ('speechSynthesis' in window) { const u = new SpeechSynthesisUtterance("Wrong"); u.rate = 1.5; window.speechSynthesis.speak(u); } } document.getElementById("next-btn").style.display = "block"; } function nextQ() { currQ++; if(currQ < qList.length) renderQ(); else finish(); } function finish() { clearInterval(timerInterval); show("view-res"); document.getElementById("res-score").innerText = `${score} / ${qList.length}`; document.getElementById("res-time").innerText = document.getElementById("timer-display").innerText; // --- REWARD LOGIC --- const percentage = (score / qList.length) * 100; const rIcon = document.getElementById("r-icon"); const rTitle = document.getElementById("r-title"); const rMsg = document.getElementById("r-msg"); const rContainer = document.getElementById("reward-container"); if (percentage >= 85) { rIcon.innerText = "🏆"; rTitle.innerText = "Champion!"; rMsg.innerText = "Outstanding performance!"; rContainer.style.borderColor = "#FFD700"; } else if (percentage >= 50) { rIcon.innerText = "🌺"; rTitle.innerText = "Good Job!"; rMsg.innerText = "Keep practicing!"; rContainer.style.borderColor = "#4CAF50"; } else { rIcon.innerText = "🐍"; rTitle.innerText = "Oh No!"; rMsg.innerText = "Try again!"; rContainer.style.borderColor = "#F44336"; } const tbody = document.getElementById("summary-body"); tbody.innerHTML = ""; userAnswers.forEach(i => { const tr = document.createElement("tr"); tr.className = i.isCor ? "res-row-correct" : "res-row-wrong"; tr.innerHTML = ` ${i.qNum} ${i.cor} ${!i.isCor ? `You: ${i.sel}` : ''} ${i.isCor ? "✓" : "✕"} `; tbody.appendChild(tr); }); } function shareResult(platform) { const url = window.location.href; const text = `I scored ${score}/${qList.length} in SV/SVO Test! Try here: `; if(platform === 'wa') { window.open(`https://api.whatsapp.com/send?text=${encodeURIComponent(text + url)}`, '_blank'); } else if(platform === 'fb') { window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(url)}`, '_blank'); } } function exitQuiz() { if(confirm("Exit Quiz?")) { clearInterval(timerInterval); show("view-pattern"); } }

SVO (Subject-Verb-Object)

LND Class 3 SV/SVO

Result Card

Majid Farooq

Leave a Reply Cancel reply

LND Class 3 SV/SVO

Result Card

Majid Farooq

Related Articles

Spelling Mistakes

Action Words

Proper and Common Noun

Math Addition

Use of Articles A/An/The

Equivalent Fractions

Leave a Reply Cancel reply