10th Class Mathematics Online Subjective Exam

10th Class Mathematics Online Subjective Exam Education & Career Join my free WhatsApp chanel to get authentic news first.👇👇👇https://whatsapp.com/channel/0029VbBjge87j6gDtBXk3K2J 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. 10th Math Paper & Drawing Tool :root { --primary: #2c3e50; --secondary: #3498db; --accent: #e74c3c; --bg: #f8f9f9; --border: #bdc3c7; } * { 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); } /* DRAWING TOOLS */ .draw-panel { background: #f0f3f4; padding: 10px; border-radius: 6px; margin-top: 10px; border: 1px dashed #ccc; } .draw-controls { margin-bottom: 5px; display: flex; gap: 5px; flex-wrap: wrap; } .btn-tool { padding: 5px 10px; font-size: 12px; border: 1px solid #999; border-radius: 4px; background: #fff; cursor: pointer; } .btn-tool:hover { background: #e0e0e0; } canvas { background: #fff; border: 1px solid #000; cursor: crosshair; touch-action: none; display: block; width: 100%; } /* 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: 80px; 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; } /* 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; } .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: #2c3e50; 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: #2c3e50; font-weight: bold; font-family: 'Courier New', monospace; opacity: 0.7; pointer-events: none; } .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; } @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; } } 📐 10th Math Portal (ریاضی امتحان پورٹل) Student Name / طالب علم کا نام Father Name / والد کا نام School / Institute / سکول کا نام City / شہر Writing Language / لکھنے کی زبان English (انگریزی) Urdu (اردو) GENERATE PAPER & START امتحان شروع کریں 📊 Paper ⏱️ 00:00 SUBMIT & CHECK RESULT جمع کروائیں اور نتیجہ دیکھیں Result Intimation Card SSC Part-II (10th Class) Annual Examination 2026 Candidate Name Father Name Institute City Date Subject Max Obt % Grade Mathematics (Subjective) OFFICIAL VERIFIED stijob.org.pk Majid Farooq Developed By Controller Exam Controller 📄 PDF 🖼️ Image 🔄 Restart /* --- FULL SOLVABLE QUESTIONS DATABASE --- */ const DB = { short: [ {t: "Solve x² + 4x - 12 = 0 by factorization.", k: ["-6", "2", "factors"]}, {t: "Find the discriminant of 2x² - 7x + 1 = 0.", k: ["41", "b^2-4ac"]}, {t: "Evaluate: (1 - ω - ω²)⁷", k: ["128", "omega"]}, {t: "Solve simultaneous equations: x + y = 5 and x - y = 3", k: ["x=4", "y=1"]}, {t: "Find 3rd proportional to 6 and 12.", k: ["24", "ratio"]}, {t: "Resolve 1 / (x² - 1) into partial fractions.", k: ["A", "B", "1/2(x-1)", "-1/2(x+1)"]}, {t: "If A={1,2,3} and B={3,4,5}, find A ∪ B.", k: ["1,2,3,4,5", "union"]}, {t: "Define Mean and find mean of 2, 4, 6, 8, 10.", k: ["6", "average", "sum"]}, {t: "Convert 3π/4 radians into degrees.", k: ["135", "degree"]}, {t: "Find l when θ = π radians and r = 6 cm.", k: ["6pi", "18.84", "l=r"]}, {t: "Define Angle of Elevation.", k: ["horizontal", "observer", "upward"]}, {t: "State Pythagoras Theorem.", k: ["hypotenuse", "square", "base", "perpendicular"]}, {t: "Find the distance between points (0,0) and (3,4).", k: ["5", "formula"]}, {t: "Prove that 1 + tan²θ = sec²θ.", k: ["identity", "sin", "cos"]}, {t: "Find the area of a sector with radius 10cm and angle 45°.", k: ["39.25", "area", "formula"]} ], long: [ {t: "Solve using Quadratic Formula: 5x² + 8x + 1 = 0.", k: ["formula", "-8", "discriminant", "roots"], m:4, label:"Q5(a)"}, {t: "Solve the system: x² + y² = 5 and x + y = 3.", k: ["substitution", "x=1", "y=2", "x=2", "y=1"], m:4, label:"Q5(b)"}, {t: "Resolve (7x - 9) / ((x + 1)(x - 3)) into Partial Fractions.", k: ["A=4", "B=3", "coefficients", "compare"], m:4, label:"Q6(a)"}, {t: "Find the Standard Deviation of: 12, 6, 7, 3, 15, 10, 18, 5.", k: ["mean", "variance", "square", "formula"], m:4, label:"Q6(b)"}, {t: "Prove that (sinθ + cosθ) / tanθ - 1 = cosθ / (sinθ - cosθ).", k: ["LHS", "RHS", "simplify", "identity"], m:4, label:"Q7(a)"}, {t: "Theorem: Prove that a straight line, drawn from the centre of a circle to bisect a chord (which is not a diameter) is perpendicular to the chord.", k: ["construction", "join", "congruent", "right angle", "RHS"], m:8, label:"Q9 (Compulsory)"} ] }; let examData = []; let timerInt; let secLeft = 0; let selectedLang = 'eng'; 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; } // Generate Paper: 8 Short Questions, 4 Long Questions const shorts = getRandom(DB.short, 8, 2); const longs = DB.long; // Use fixed longs for standard board pattern examData = [...shorts, ...longs]; secLeft = 105 * 60; // 1 hour 45 mins 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(secLeft { let label = q.m === 2 ? `Q${i+1}.` : q.label; area.innerHTML += ` ${label} ${q.t} (${q.m} Marks) Rough Work / Shapes: △ Triangle ▭ Rectangle □ Square ❌ Clear `; }); // Initialize canvases after DOM update setTimeout(() => { examData.forEach((_, i) => initCanvas(i)); }, 100); } /* --- DRAWING LOGIC --- */ function initCanvas(id) { const c = document.getElementById(`cvs-${id}`); // Make canvas responsive width const parent = c.parentElement; c.width = parent.offsetWidth - 20; const ctx = c.getContext('2d'); ctx.fillStyle = "white"; ctx.fillRect(0, 0, c.width, c.height); // white bg ctx.lineWidth = 2; ctx.strokeStyle = "#333"; // Enable simple freehand drawing let painting = false; function startPosition(e) { painting = true; draw(e); } function finishedPosition() { painting = false; ctx.beginPath(); } function draw(e) { if (!painting) return; e.preventDefault(); const rect = c.getBoundingClientRect(); let x, y; if(e.touches) { x = e.touches[0].clientX - rect.left; y = e.touches[0].clientY - rect.top; } else { x = e.clientX - rect.left; y = e.clientY - rect.top; } ctx.lineTo(x, y); ctx.stroke(); ctx.beginPath(); ctx.moveTo(x, y); } c.addEventListener("mousedown", startPosition); c.addEventListener("mouseup", finishedPosition); c.addEventListener("mousemove", draw); c.addEventListener("touchstart", startPosition); c.addEventListener("touchend", finishedPosition); c.addEventListener("touchmove", draw); } window.drawShape = function(shape, id) { const c = document.getElementById(`cvs-${id}`); const ctx = c.getContext('2d'); const cx = c.width / 2; const cy = c.height / 2; ctx.beginPath(); ctx.strokeStyle = "#000"; ctx.lineWidth = 2; if(shape === 'tri') { ctx.moveTo(cx, cy - 40); ctx.lineTo(cx - 40, cy + 30); ctx.lineTo(cx + 40, cy + 30); ctx.closePath(); } else if(shape === 'rect') { ctx.rect(cx - 50, cy - 30, 100, 60); } else if(shape === 'sq') { ctx.rect(cx - 30, cy - 30, 60, 60); } ctx.stroke(); }; window.clearCanvas = function(id) { const c = document.getElementById(`cvs-${id}`); const ctx = c.getContext('2d'); ctx.clearRect(0, 0, c.width, c.height); ctx.fillStyle = "white"; ctx.fillRect(0,0,c.width,c.height); }; function finishExam() { clearInterval(timerInt); let obt = 0; let max = 0; examData.forEach((q, i) => { const val = document.getElementById(`ans-${i}`).value.toLowerCase(); const keys = q.k; let hits = 0; // Simple keyword check in text answer keys.forEach(k => { if(val.includes(k.toLowerCase())) hits++; }); let score = 0; if(hits >= 2) score = q.m; else if(hits >= 1 || val.length > 15) score = q.m / 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('Math_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 = 'Math_Result_Card.png'; a.href = c.toDataURL(); a.click(); }); }