9th Class English Online Subjective Exam

9th Class English Online Subjective Exam If you find any error or want to give suggestion for improvement,you may contact to me at +923146685547 (WhatsApp).اگر آپ کو کوئی خامی نظر آتی ہے یا آپ بہتری کے لیے کوئی تجویز دینا چاہتے ہیں تو آپ مجھ سے رابطہ کر سکتے ہیں۔ My WhatsApp number is 923146685547. Education & Career Join my free WhatsApp chanel to get authentic news first.👇👇👇https://whatsapp.com/channel/0029VbBjge87j6gDtBXk3K2J 10th English Bilingual Portal 2026 :root { --primary: #2c3e50; /* Changed to Academic Dark Blue */ --secondary: #34495e; --accent: #e67e22; --bg: #fdfefe; --border: #bdc3c7; --stamp-color: #273746; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } body { font-family: 'Segoe UI', 'Noto Nastaliq Urdu', sans-serif; background: var(--bg); margin: 0; padding: 15px; color: #34495e; } .container { max-width: 900px; margin: 0 auto; background: white; padding: 20px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } h1, h2 { text-align: center; color: var(--primary); margin-top: 0; } .ur-text { font-family: 'Noto Nastaliq Urdu', serif; direction: rtl; display: inline-block; } /* INPUTS */ .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .input-group { margin-bottom: 15px; } label { display: block; margin-bottom: 5px; font-weight: 600; color: var(--primary); font-size: 0.95em; } input, select { width: 100%; padding: 12px; border: 1px solid var(--border); border-radius: 6px; font-size: 16px; background: #fff; } /* SELECTION LISTS */ .topic-box { border: 1px solid var(--border); border-radius: 6px; max-height: 250px; overflow-y: auto; padding: 10px; background: #fafafa; margin-bottom: 15px; } .topic-item { display: flex; align-items: flex-start; padding: 8px; border-bottom: 1px solid #eee; } .topic-item input { margin-top: 5px; margin-right: 12px; transform: scale(1.3); flex-shrink: 0; } .topic-item label { width: 100%; font-size: 0.95em; line-height: 1.6; cursor: pointer; } /* BUTTONS */ .btn-main { background: var(--primary); color: #ffffff !important; border: none; padding: 16px; width: 100%; font-size: 1.1em; font-weight: bold; border-radius: 8px; cursor: pointer; margin-top: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; } .btn-main:active { transform: translateY(2px); } /* MODE SELECTOR */ .mode-row { display: flex; gap: 10px; margin-bottom: 20px; } .mode-opt { flex: 1; padding: 15px 5px; border: 2px solid #ddd; background: #fff; text-align: center; cursor: pointer; border-radius: 8px; transition: 0.2s; font-size: 0.9em; } .mode-opt.active { border-color: var(--secondary); background: #ebf5fb; color: var(--secondary); font-weight: bold; } /* EXAM VIEW */ #exam-view, #result-view { display: none; } .sticky-timer { position: sticky; top: 0; background: var(--primary); color: white; padding: 10px 15px; z-index: 1000; border-radius: 0 0 10px 10px; display: flex; justify-content: space-between; align-items: center; margin: -20px -20px 20px -20px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } .q-card { margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; } .q-head { display: flex; justify-content: space-between; align-items: flex-start; font-weight: bold; margin-bottom: 8px; font-size: 0.9em; color: #444; } .q-limits { font-size: 0.85em; color: #e67e22; background: #fdf2e9; padding: 2px 6px; border-radius: 4px; white-space: nowrap; margin-left: 10px;} textarea { width: 100%; min-height: 100px; padding: 10px; border: 2px solid #ccc; border-radius: 6px; font-size: 16px; resize: none; font-family: 'Segoe UI', sans-serif; } textarea:focus { border-color: var(--secondary); outline: none; } /* Language Styles */ textarea.urdu-mode { direction: rtl; font-family: 'Noto Nastaliq Urdu', serif; font-size: 18px; text-align: right; } textarea.hindi-mode { font-family: 'Noto Sans Devanagari', sans-serif; } /* --- RESULT CARD --- */ .cert-frame { background: white; padding: 30px; border: 3px solid #333; position: relative; color: black; font-family: 'Times New Roman', Times, serif; width: 100%; margin: 0 auto; } .header-section { text-align: center; border-bottom: 2px double #000; padding-bottom: 15px; margin-bottom: 20px; } .header-section h1 { margin: 0; font-size: 2em; text-transform: uppercase; letter-spacing: 1px; color: #000; } .profile-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; font-size: 1em; font-family: Arial, sans-serif; } .profile-table td { padding: 8px 10px; border: 1px solid #999; vertical-align: middle; } .profile-table .label { font-weight: bold; background: #f0f0f0; width: 25%; color: #333; } .profile-table .val { font-weight: normal; color: #000; } .marks-sheet { width: 100%; border-collapse: collapse; margin-top: 15px; text-align: center; font-family: Arial, sans-serif; } .marks-sheet th { background: #2c3e50; color: white; padding: 8px; border: 1px solid #000; font-size: 0.9em; } .marks-sheet td { padding: 10px; border: 1px solid #000; font-size: 1em; } .status-pass { color: green; font-weight: bold; } .status-fail { color: red; font-weight: bold; } .footer-section { margin-top: 60px; display: flex; justify-content: space-between; align-items: flex-end; } .sig-block { text-align: center; width: 45%; } .sig-line { border-top: 1px solid #000; margin-top: 5px; padding-top: 5px; font-size: 0.8em; font-family: Arial; } .hand-sig { font-family: 'Brush Script MT', cursive; font-size: 1.8em; color: #1a5276; display: block; margin-bottom: -5px; } .stamp-box { position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%) rotate(-10deg); width: 140px; height: 140px; border: 4px double var(--stamp-color); border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--stamp-color); font-weight: bold; font-family: 'Courier New', monospace; opacity: 0.7; pointer-events: none; } .stamp-text { font-size: 1em; } .stamp-url { font-size: 0.7em; margin-top: 5px; } .share-row { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 20px; } .btn-share { padding: 10px 15px; border: none; border-radius: 4px; color: white; cursor: pointer; text-decoration: none; font-size: 14px; font-family: sans-serif; } .bg-pdf { background: #c0392b; } .bg-img { background: #34495e; } .bg-wa { background: #25D366; } .bg-fb { background: #1877F2; } @media only screen and (max-width: 600px) { body { padding: 10px; } .container { padding: 15px; } .grid-2 { grid-template-columns: 1fr; gap: 10px; } .profile-table td { display: block; width: 100%; border: none; border-bottom: 1px solid #eee; } .profile-table .label { background: #f9f9f9; color: #555; width: 100%; padding-top: 10px; border-bottom: none; } .header-section h1 { font-size: 1.5em; } .cert-frame { padding: 15px; border-width: 2px; } .footer-section { margin-top: 40px; } .stamp-box { width: 100px; height: 100px; bottom: 60px; } .stamp-text { font-size: 0.8em; } .stamp-url { font-size: 0.6em; } } 📖 10th English Portal (انگریزی امتحان پورٹل) Student Name / طالب علم کا نام Father Name / والد کا نام School / Institute / سکول کا نام City / شہر Writing Language / لکھنے کی زبان English (انگریزی) Urdu (اردو) Hindi (हिंदी) Exam Mode / امتحان کا طریقہ Annual Boardسالانہ بورڈ Custom Practiceاپنی مرضی کا Select up to 50 Short Questions / مختصر سوالات Selected: 0/50 Select up to 50 Long Questions / تفصیلی سوالات Selected: 0/50 GENERATE PAPER & START امتحان شروع کریں ✍️ English Paper ⏱️ 00:00 SUBMIT & CHECK RESULT جمع کروائیں اور نتیجہ دیکھیں Result Intimation Card SSC Part-II (10th Class) Annual Examination 2026 Candidate Name Father Name Institute City Date Academic Record Subject Max Obt % Grade English (Subjective) OFFICIAL VERIFIED stijob.org.pk Majid Farooq Developed By Controller Exam Controller 📄 PDF 🖼️ Image 🔄 Restart /* --- HUGE BILINGUAL DATABASE FOR 10TH ENGLISH --- */ const DB = { short: [ // Hazrat Muhammad (PBUH) - The Model of Tolerance {t: "How did the Holy Prophet (PBUH) treat his enemies? / حضور ﷺ دشمنوں سے کیسا سلوک کرتے؟", k: ["kindness", "forgiveness", "mercy"]}, {t: "Why did the Holy Prophet (PBUH) stay in the cave of Hira? / آپ ﷺ غار حرا کیوں جاتے؟", k: ["meditation", "remembrance", "solitude", "allah"]}, // Chinese New Year {t: "What is the significance of Chinese New Year? / چینی نئے سال کی کیا اہمیت ہے؟", k: ["family", "reunion", "luck", "start"]}, {t: "Why do Chinese families do thorough cleaning? / چینی خاندان صفائی کیوں کرتے ہیں؟", k: ["bad luck", "cleaning", "fortune"]}, {t: "What do the little red envelopes symbolize? / سرخ لفافے کس چیز کی علامت ہیں؟", k: ["wealth", "prosperity", "money", "children"]}, // Try Again {t: "What is the lesson in the poem 'Try Again'? / نظم 'دوبارہ کوشش کرو' کا سبق کیا ہے؟", k: ["perseverance", "courage", "succeed", "fail"]}, {t: "What should we do if we fail? / اگر ہم ناکام ہو جائیں تو کیا کریں؟", k: ["try again", "hard work", "struggle"]}, // First Aid {t: "Qualities of a good nurse / ایک اچھی نرس کی خصوصیات", k: ["kind", "expert", "care", "saving"]}, {t: "Why is First Aid knowledge important? / ابتدائی طبی امداد کیوں اہم ہے؟", k: ["save life", "emergency", "help", "injured"]}, // The Rain {t: "Theme of the poem 'The Rain' / نظم 'دی رین' کا مرکزی خیال", k: ["rich leaves", "poor leaves", "sunshine", "equality"]}, {t: "What do the rich leaves symbolize? / امیر پتے کس چیز کی علامت ہیں؟", k: ["rich people", "upper class", "top"]}, // Television vs Newspaper {t: "Why is newspaper better than TV? / اخبار ٹی وی سے بہتر کیوں ہے؟", k: ["convenient", "anytime", "detail", "read"]}, {t: "One advantage of Television / ٹیلی ویژن کا ایک فائدہ", k: ["visual", "entertainment", "news", "live"]}, // Little by Little One Walks Far {t: "Theme of 'Little by Little One Walks Far' / سبق کا مرکزی خیال", k: ["struggle", "success", "career", "effort"]}, // Peace {t: "How is wind described in the poem 'Peace'? / نظم 'پیس' میں ہوا کیسی ہے؟", k: ["monster", "destruction", "gentle", "whisper"]}, // Selecting the Right Career {t: "Importance of Career Counseling / کیریئر کونسلنگ کی اہمیت", k: ["guidance", "profession", "aptitude", "choice"]}, // A World Without Books {t: "Can modern technology replace books? / کیا ٹیکنالوجی کتابوں کی جگہ لے سکتی ہے؟", k: ["no", "comfort", "bridge", "civilization"]}, {t: "Why are books important? / کتابیں کیوں اہم ہیں؟", k: ["knowledge", "history", "imagination", "world"]}, // Great Expectations {t: "Who looked after Pip? / پپ کی دیکھ بھال کس نے کی؟", k: ["sister", "joe", "blacksmith"]}, {t: "Who was the prisoner Pip met? / پپ کس قیدی سے ملا؟", k: ["magwitch", "convict", "food", "file"]}, // Population Growth {t: "Effects of overpopulation / زیادہ آبادی کے اثرات", k: ["poverty", "resources", "pollution", "unemployment"]}, // Faithfulness {t: "The case brought to Hazrat Umar / حضرت عمر کے پاس کیا مقدمہ آیا؟", k: ["murder", "father", "young men", "execution"]}, {t: "Why did the villagers ask for forgiveness? / دیہاتیوں نے معافی کیوں مانگی؟", k: ["honesty", "promise", "return", "impressed"]} ], long: [ // Essays {t: "Essay: My Last Day at School / مضمون: سکول میں میرا آخری دن", k: ["memories", "speech", "sad", "farewell", "teachers"]}, {t: "Essay: Sports and Games / مضمون: کھیل اور تفریح", k: ["health", "physical", "cricket", "character", "fitness"]}, {t: "Essay: Quaid-e-Azam / مضمون: قائد اعظم", k: ["founder", "leader", "pakistan", "struggle", "lawyer"]}, {t: "Essay: A Visit to a Museum / مضمون: عجائب گھر کی سیر", k: ["history", "objects", "swords", "old", "building"]}, {t: "Essay: Health / مضمون: صحت", k: ["wealth", "exercise", "diet", "blessing"]}, // Summaries {t: "Summary: Try Again / خلاصہ: ٹرائی اگین", k: ["hickson", "perseverance", "lesson", "courage", "succeed"]}, {t: "Summary: The Rain / خلاصہ: دی رین", k: ["davies", "rich leaves", "poor leaves", "sun", "drops"]}, {t: "Summary: Peace / خلاصہ: پیس", k: ["hartmann", "wind", "storm", "destruction", "truth"]}, // Paragraphs / Translation {t: "Paragraph: A Road Accident / پیراگراف: ایک سڑک حادثہ", k: ["blood", "injured", "car", "hospital", "fast"]}, {t: "Paragraph: My Neighbour / پیراگراف: میرا ہمسایہ", k: ["kind", "helpful", "good", "house"]}, {t: "Translate into English: 'شیر ایک طاقتور جانور ہے...' / ترجمہ کریں", k: ["lion", "powerful", "animal", "jungle", "king"]}, {t: "Translate into English: 'والدین کی عزت کرو...' / ترجمہ کریں", k: ["respect", "parents", "obey", "duty"]}, // Direct / Indirect {t: "Change Voice / Direct Indirect Rules (General Check)", k: ["told", "asked", "that", "verb", "speech"]} ] }; let currentMode = 'board'; let examData = []; let timerInt; let secLeft = 0; let selectedLang = 'eng'; // --- SETUP --- window.onload = function() { populateList('short', DB.short); populateList('long', DB.long); }; function populateList(type, arr) { const div = document.getElementById('list-'+type); arr.forEach((item, i) => { div.innerHTML += ` ${item.t} `; }); } function chkLimit(type) { const boxes = document.querySelectorAll(`#list-${type} input:checked`); const count = boxes.length; document.getElementById(`cnt-${type}`).innerText = count; // Strict limit 50 const all = document.querySelectorAll(`#list-${type} input:not(:checked)`); all.forEach(b => b.disabled = (count >= 50)); } function setMode(m) { currentMode = m; document.querySelectorAll('.mode-opt').forEach(b => b.classList.remove('active')); document.getElementById('btn-'+m).classList.add('active'); document.getElementById('custom-panel').style.display = (m==='custom')?'block':'none'; } function startExam() { const name = document.getElementById('s-name').value; const father = document.getElementById('s-father').value; const school = document.getElementById('s-school').value; selectedLang = document.getElementById('s-lang').value; if(!name || !father || !school) { alert("Please fill all details / تفصیلات پر کریں"); return; } examData = []; if(currentMode === 'board') { const shorts = getRandom(DB.short, 15, 2); const longs = getRandom(DB.long, 4, 5); // 3-4 longs typically (Essay, Summary, Translation) // Customizing Labels for English Board Pattern const q_essay = {...longs[0], m:15, label:"Essay/Paragraph"}; const q_summary = {...longs[1], m:5, label:"Summary"}; const q_trans = {...longs[2], m:10, label:"Translation/Direct-Indirect"}; const q_extra = {...longs[3], m:10, label:"Long Q"}; examData = [...shorts, q_essay, q_summary, q_trans, q_extra]; secLeft = 120 * 60; // English paper usually 2+ hours } else { const sIdx = Array.from(document.querySelectorAll('#list-short input:checked')).map(e=>e.value); const lIdx = Array.from(document.querySelectorAll('#list-long input:checked')).map(e=>e.value); if(sIdx.length===0 && lIdx.length===0) { alert("Select at least 1 topic!"); return; } const sList = sIdx.map(i => ({...DB.short[i], m:2})); const lList = lIdx.map(i => ({...DB.long[i], m:10, label:"Long Q"})); examData = [...sList, ...lList]; secLeft = (sList.length*3 + lList.length*15)*60; } renderExam(); document.getElementById('setup-view').style.display = 'none'; document.getElementById('exam-view').style.display = 'block'; window.scrollTo(0,0); timerInt = setInterval(() => { secLeft--; const m = Math.floor(secLeft/60).toString().padStart(2,'0'); const s = (secLeft%60).toString().padStart(2,'0'); document.getElementById('timer').innerText = `${m}:${s}`; if(secLeftq.m===2); const longs = examData.filter(q=>q.m>2); if(shorts.length) { area.innerHTML += `Short Questions (مختصر سوالات)`; shorts.forEach((q, i) => { area.innerHTML += ` ${i+1}. ${q.t} (2 Marks | Max Words: 60) `; }); } if(longs.length) { area.innerHTML += `Long Questions (Essays/Summaries)`; longs.forEach((q, i) => { const idx = shorts.length + i; area.innerHTML += ` ${q.label||'Q'}. ${q.t} (${q.m} Marks | Max Words: 400) `; }); } } function limitWords(field, max) { const val = field.value; const words = val.trim().split(/\s+/); if (words.length > max) { field.value = words.slice(0, max).join(" "); } } function finishExam() { clearInterval(timerInt); let obt = 0; let max = 0; examData.forEach((q, i) => { const ans = document.getElementById(`ans-${i}`).value.toLowerCase(); const keys = q.k; let hits = 0; keys.forEach(k => { if(ans.includes(k.toLowerCase())) hits++; }); let score = 0; let ratio = hits/keys.length; // Adjusted scoring for English (Checking keywords like 'essay points' or 'character names') if(ratio > 0.6) score = q.m; else if(ratio > 0.3) score = q.m * 0.6; else if(ans.length > 20) score = q.m * 0.2; // Points for effort writing score = Math.floor(score*2)/2; obt += score; max += q.m; }); // Fill Data document.getElementById('r-name').innerText = document.getElementById('s-name').value; document.getElementById('r-father').innerText = document.getElementById('s-father').value; document.getElementById('r-school').innerText = document.getElementById('s-school').value; document.getElementById('r-city').innerText = document.getElementById('s-city').value; document.getElementById('r-date').innerText = new Date().toLocaleDateString(); document.getElementById('r-max').innerText = max; document.getElementById('r-obt').innerText = obt; const perc = max > 0 ? ((obt/max)*100).toFixed(1) : 0; document.getElementById('r-perc').innerText = perc + "%"; let grade = "F"; let status = "FAIL"; const pVal = max > 0 ? (obt/max)*100 : 0; if(pVal >= 80) grade = "A+"; else if(pVal >= 70) grade = "A"; else if(pVal >= 60) grade = "B"; else if(pVal >= 50) grade = "C"; else if(pVal >= 40) grade = "D"; if(pVal >= 40) status = "PASS"; document.getElementById('r-grade').innerText = grade; document.getElementById('r-status').innerHTML = status; document.getElementById('exam-view').style.display = 'none'; document.getElementById('result-view').style.display = 'block'; window.scrollTo(0,0); } function getRandom(arr, n, m) { return [...arr].sort(()=>0.5-Math.random()).slice(0,n).map(x=>({...x, m:m})); } function dlPDF() { const { jsPDF } = window.jspdf; const element = document.getElementById('cert-area'); const originalWidth = element.style.width; element.style.width = "794px"; html2canvas(element, { scale: 2, useCORS: true }).then(canvas => { element.style.width = originalWidth; const imgData = canvas.toDataURL('image/jpeg', 1.0); const pdf = new jsPDF('p', 'mm', 'a4'); const pdfWidth = 210; const imgHeight = (canvas.height * pdfWidth) / canvas.width; pdf.addImage(imgData, 'JPEG', 0, 0, pdfWidth, imgHeight); pdf.save('English_Result.pdf'); }); } function dlImg() { const element = document.getElementById('cert-area'); const originalWidth = element.style.width; element.style.width = "794px"; html2canvas(element, { scale: 2 }).then(c => { element.style.width = originalWidth; const a = document.createElement('a'); a.download = 'Result_Card.png'; a.href = c.toDataURL(); a.click(); }); }