Use of Singular and Plural

LND Class 3: Singular & Plural (Emoji Edition) :root { --primary: #673AB7; /* Deep Purple */ --primary-light: #9575CD; --bg: #F3E5F5; --text: #212121; --correct: #4CAF50; --wrong: #F44336; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } body { margin: 0; padding: 0; font-family: '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; box-shadow: 0 0 20px rgba(0,0,0,0.05); } .view-section { display: none; padding: 20px; animation: fadeIn 0.3s ease; } .view-section.active { display: block; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* HEADER */ .app-header { background: var(--primary); color: white; padding: 25px 20px; text-align: center; border-radius: 0 0 25px 25px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(103, 58, 183, 0.3); } .app-header h1 { margin: 0; font-size: 1.8rem; font-weight: 700; } .app-header p { margin: 5px 0 0; opacity: 0.95; font-size: 0.95rem; } /* MENU */ .menu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: 10px; } .menu-item { background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 20px; cursor: pointer; text-align: center; box-shadow: 0 4px 8px rgba(0,0,0,0.04); transition: transform 0.2s, box-shadow 0.2s; } .menu-item:active { transform: scale(0.96); } .menu-icon { font-size: 2rem; display: block; margin-bottom: 10px; } .menu-title { font-weight: 600; color: #333; font-size: 1rem; } /* QUIZ AREA */ .sticky-bar { position: sticky; top: 0; background: rgba(255,255,255,0.95); z-index: 100; padding: 12px 20px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; backdrop-filter: blur(5px); } /* EMOJI DISPLAY AREA */ .q-image-container { text-align: center; margin: 20px 0; background: #FAFAFA; border-radius: 20px; border: 2px dashed #E1BEE7; min-height: 180px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 20px; gap: 10px; } .ultra-emoji { font-size: 4.5rem; /* Ultra HD Size */ line-height: 1; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); } @keyframes popIn { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } } .q-text { font-size: 1.5rem; font-weight: 700; color: #333; text-align: center; margin: 15px 0 25px 0; } .opts-container { display: grid; gap: 12px; } .opt-btn { background: #fff; border: 2px solid #e0e0e0; padding: 16px; border-radius: 12px; text-align: left; cursor: pointer; font-size: 1.15rem; color: #444; font-weight: 600; transition: background 0.2s; text-transform: capitalize; display: flex; justify-content: space-between; align-items: center; } .opt-btn:active { transform: scale(0.98); } .opt-btn.correct { background: #E8F5E9; border-color: var(--correct); color: #1B5E20; } .opt-btn.wrong { background: #FFEBEE; border-color: var(--wrong); color: #B71C1C; } /* RESULT TABLE */ .res-summary { text-align: center; padding: 20px 0; } .res-score-big { font-size: 3rem; font-weight: 800; color: var(--primary); } .table-wrapper { overflow-x: auto; border-radius: 10px; border: 1px solid #eee; margin-top: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); } .res-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; min-width: 100%; } .res-table th { background: var(--primary); color: white; padding: 12px; text-align: left; white-space: nowrap; } .res-table td { padding: 12px; border-bottom: 1px solid #eee; vertical-align: top; } .res-row-correct { background-color: #f0fdf4; } .res-row-wrong { background-color: #fef2f2; } .btn-main { width: 100%; padding: 16px; 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 10px rgba(0,0,0,0.15); } .btn-share { background: #25D366; margin-top: 10px; } /* WhatsApp Green */ .btn-share-fb { background: #1877F2; margin-top: 10px; } /* FB Blue */ Singular & Plural Class 3 LND | Visual Emoji Test Select Practice Set 🎲 Grand Mix Test50 Random Questions Question: 1 ⏱ 00:00 ✓ 0 × Next Question ➜ Result Card Share with your class! You Scored 0 Time Taken: 00:00 #DetailsStatus 📱 Share on WhatsApp f Share on Facebook Home / New Quiz // --- DATA: NOUNS WITH MATCHING ULTRA HD EMOJIS --- const baseNouns = [ // Standard 's' {s: "apple", p: "apples", type: "s", e: "🍎"}, {s: "bag", p: "bags", type: "s", e: "🎒"}, {s: "ball", p: "balls", type: "s", e: "⚽"}, {s: "bed", p: "beds", type: "s", e: "🛏️"}, {s: "bird", p: "birds", type: "s", e: "🐦"}, {s: "book", p: "books", type: "s", e: "📖"}, {s: "boy", p: "boys", type: "s", e: "👦"}, {s: "car", p: "cars", type: "s", e: "🚗"}, {s: "cat", p: "cats", type: "s", e: "🐱"}, {s: "chair", p: "chairs", type: "s", e: "🪑"}, {s: "cow", p: "cows", type: "s", e: "🐄"}, {s: "cup", p: "cups", type: "s", e: "☕"}, {s: "desk", p: "desks", type: "s", e: "🖥️"}, {s: "dog", p: "dogs", type: "s", e: "🐕"}, {s: "doll", p: "dolls", type: "s", e: "🎎"}, {s: "door", p: "doors", type: "s", e: "🚪"}, {s: "duck", p: "ducks", type: "s", e: "🦆"}, {s: "egg", p: "eggs", type: "s", e: "🥚"}, {s: "eye", p: "eyes", type: "s", e: "👁️"}, {s: "fan", p: "fans", type: "s", e: "🌀"}, {s: "flower", p: "flowers", type: "s", e: "🌸"}, {s: "girl", p: "girls", type: "s", e: "👧"}, {s: "goat", p: "goats", type: "s", e: "🐐"}, {s: "hand", p: "hands", type: "s", e: "✋"}, {s: "hat", p: "hats", type: "s", e: "👒"}, {s: "hen", p: "hens", type: "s", e: "🐔"}, {s: "jar", p: "jars", type: "s", e: "🏺"}, {s: "key", p: "keys", type: "s", e: "🔑"}, {s: "kite", p: "kites", type: "s", e: "🪁"}, {s: "lamp", p: "lamps", type: "s", e: "💡"}, {s: "lion", p: "lions", type: "s", e: "🦁"}, {s: "lock", p: "locks", type: "s", e: "🔒"}, {s: "map", p: "maps", type: "s", e: "🗺️"}, {s: "mug", p: "mugs", type: "s", e: "☕"}, {s: "net", p: "nets", type: "s", e: "🥅"}, {s: "orange", p: "oranges", type: "s", e: "🍊"}, {s: "owl", p: "owls", type: "s", e: "🦉"}, {s: "pen", p: "pens", type: "s", e: "🖊️"}, {s: "pencil", p: "pencils", type: "s", e: "✏️"}, {s: "pot", p: "pots", type: "s", e: "🪴"}, {s: "rat", p: "rats", type: "s", e: "🐀"}, {s: "ring", p: "rings", type: "s", e: "💍"}, {s: "house", p: "houses", type: "s", e: "🏠"}, {s: "shirt", p: "shirts", type: "s", e: "👕"}, {s: "shoe", p: "shoes", type: "s", e: "👞"}, {s: "snake", p: "snakes", type: "s", e: "🐍"}, {s: "spoon", p: "spoons", type: "s", e: "🥄"}, {s: "star", p: "stars", type: "s", e: "⭐"}, {s: "table", p: "tables", type: "s", e: "🍽️"}, {s: "tree", p: "trees", type: "s", e: "🌳"}, {s: "umbrella", p: "umbrellas", type: "s", e: "☂️"}, {s: "van", p: "vans", type: "s", e: "🚐"}, {s: "window", p: "windows", type: "s", e: "🪟"}, {s: "zebra", p: "zebras", type: "s", e: "🦓"}, // ES words {s: "box", p: "boxes", type: "es", e: "📦"}, {s: "bus", p: "buses", type: "es", e: "🚌"}, {s: "brush", p: "brushes", type: "es", e: "🖌️"}, {s: "class", p: "classes", type: "es", e: "🏫"}, {s: "dish", p: "dishes", type: "es", e: "🍽️"}, {s: "fox", p: "foxes", type: "es", e: "🦊"}, {s: "glass", p: "glasses", type: "es", e: "🥛"}, {s: "mango", p: "mangoes", type: "es", e: "🥭"}, {s: "potato", p: "potatoes", type: "es", e: "🥔"}, {s: "tomato", p: "tomatoes", type: "es", e: "🍅"}, {s: "watch", p: "watches", type: "es", e: "⌚"}, // Irregular / Changing {s: "baby", p: "babies", type: "ies", e: "👶"}, {s: "city", p: "cities", type: "ies", e: "🏙️"}, {s: "fly", p: "flies", type: "ies", e: "🪰"}, {s: "man", p: "men", type: "irr", e: "👨"}, {s: "woman", p: "women", type: "irr", e: "👩"}, {s: "child", p: "children", type: "irr", e: "👶"}, {s: "foot", p: "feet", type: "irr", e: "🦶"}, {s: "tooth", p: "teeth", type: "irr", e: "🦷"}, {s: "mouse", p: "mice", type: "irr", e: "🐁"}, {s: "knife", p: "knives", type: "ves", e: "🔪"}, {s: "leaf", p: "leaves", type: "ves", e: "🍃"} ]; const qBank = []; // Helper to generate wrong options logic function getDistractors(item) { let d = []; if (item.type === 's') { d.push(item.s); d.push(item.s + "es"); d.push(item.s + "s" + "s"); } else if (item.type === 'es') { d.push(item.s); d.push(item.s + "s"); d.push(item.s + "se"); } else if (item.type === 'ies') { d.push(item.s); d.push(item.s + "s"); } else { d.push(item.s); d.push(item.p + "s"); d.push(item.s + "s"); } return d; } // Generate 300 Questions function generateDatabase() { let setIndex = 1; let questionCount = 0; // Templates control the number of emojis shown! const templates = [ { q: "This is a ______.", count: 1 }, { q: "These are two ______.", count: 2 }, { q: "Three ______.", count: 3 }, { q: "Four ______.", count: 4 }, { q: "I see one ______.", count: 1 }, { q: "I have five ______.", count: 5 } ]; let shuffledNouns = [...baseNouns].sort(() => Math.random() - 0.5); for(let i=0; i= 30) { setIndex++; questionCount = 0; } if (setIndex > 10) break; let noun = shuffledNouns[i % shuffledNouns.length]; let tpl = templates[i % templates.length]; let isPlural = tpl.count > 1; let correctTxt = isPlural ? noun.p : noun.s; let opts = [correctTxt]; opts.push(isPlural ? noun.s : noun.p); if(isPlural) { if(noun.type === 's') opts.push(noun.s + "es"); else if(noun.type === 'es') opts.push(noun.s + "s"); else opts.push(noun.s + "s"); } else { opts.push(noun.p); if(opts.length 0.5 ? "z" : "ss"); if(!opts.includes(garbage)) opts.push(garbage); } qBank.push({ setId: setIndex, qText: tpl.q, emoji: noun.e, count: tpl.count, // Pass the count to renderQ options: opts, ans: correctTxt }); questionCount++; } } generateDatabase(); // --- APP LOGIC --- const sets = Array.from({length: 10}, (_, i) => ({ id: i+1, t: `Set ${i+1}: Singular/Plural` })); 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.setId === sid).sort(() => Math.random() - 0.5); } if(pool.length === 0) return alert("Loading data... Try again in a second."); 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 area = document.getElementById("quiz-area"); // GENERATE EMOJI STRING BASED ON COUNT let emojiHTML = ""; for(let k=0; k Math.random() - 0.5); finalOpts.forEach((optText, i) => { const btn = document.createElement("div"); btn.className = "opt-btn"; // Store exact value in data attribute for accurate checking btn.setAttribute('data-val', optText); btn.innerHTML = `${String.fromCharCode(65+i)}) ${optText}`; btn.onclick = () => check(btn, optText, q.ans); optsDiv.appendChild(btn); }); document.getElementById("next-btn").style.display = "none"; } function check(btn, selected, correct) { const all = document.querySelectorAll(".opt-btn"); all.forEach(b => b.style.pointerEvents = "none"); const isCorrect = selected === correct; userAnswers.push({ qNum: currQ + 1, q: qList[currQ].qText, emoji: qList[currQ].emoji, sel: selected, cor: correct, isCor: isCorrect }); if(isCorrect) { btn.classList.add("correct"); score++; document.getElementById("score").innerText = score; } else { btn.classList.add("wrong"); // FIX: Check exact match using the data-val attribute we added all.forEach(b => { if(b.getAttribute('data-val') === correct) { 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"); const total = qList.length; document.getElementById("res-score").innerText = `${score} / ${total}`; document.getElementById("res-time").innerText = document.getElementById("timer-display").innerText; // --- REWARD LOGIC --- const percentage = (score / total) * 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 = "Super Star!"; rMsg.innerText = "Outstanding! You know your Singulars and Plurals perfectly."; rContainer.style.borderColor = "#FFD700"; } else if (percentage >= 50) { rIcon.innerText = "🌟"; rTitle.innerText = "Good Job!"; rMsg.innerText = "Nice effort. Keep practicing to get a trophy!"; rContainer.style.borderColor = "#4CAF50"; } else { rIcon.innerText = "📚"; rTitle.innerText = "Keep Trying!"; rMsg.innerText = "Don't worry, practice makes perfect."; rContainer.style.borderColor = "#FF5722"; } 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.emoji} ${i.q} You: ${i.sel} Ans: ${i.cor} ${i.isCor ? "✓" : "✕"} `; tbody.appendChild(tr); }); } function shareResult(platform) { const txt = `I scored ${score}/${qList.length} in the LND Singular/Plural Quiz! Try it now: ${window.location.href}`; if(platform === 'wa') { window.open(`https://wa.me/?text=${encodeURIComponent(txt)}`, '_blank'); } else { window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(window.location.href)}&quote=${encodeURIComponent(txt)}`, '_blank'); } } function exitQuiz() { if(confirm("Quit Quiz? Your progress will be lost.")) { clearInterval(timerInterval); show("view-pattern"); } }

Use of Singular and Plural

Singular & Plural

Select Practice Set

Result Card

Majid Farooq

Leave a Reply Cancel reply

Singular & Plural

Select Practice Set

Result Card

Majid Farooq

Related Articles

Adjectives

Identify object in the Picture

Identify Symbols

Read Time from the Clock

Use of Articles A/An/The

Prepositions

Leave a Reply Cancel reply