9th Class Tarjama Tul Quran Online Subjective Exam

9th Class Tarjama Tul Quran 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 & CareerJoin my free WhatsApp chanel to get authentic news first.👇👇👇https://whatsapp.com/channel/0029VbBjge87j6gDtBXk3K2J 9th Tarjama-tul-Quran Portal 2026 :root { /* Changed to Green theme for Islamic Studies */ --primary: #0f5132; --secondary: #198754; --accent: #d35400; --bg: #f4f6f7; --border: #d5dbdb; --stamp-color: #198754; } * { 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: #eafaf1; 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: var(--primary); 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; } } 📖 9th Tarjama-tul-Quran Portal (ترجمہ القرآن امتحان پورٹل) Student Name / طالب علم کا نام Father Name / والد کا نام School / Institute / سکول کا نام City / شہر Writing Language / لکھنے کی زبان English (انگریزی) Urdu (اردو) Hindi (हिंदी) Exam Mode / امتحان کا طریقہ Annual Board Patternسالانہ بورڈ پیٹرن Custom Practiceاپنی مرضی کا Select up to 50 Short Questions / مختصر سوالات Selected: 0/50 Select up to 50 Long Questions / تفصیلی سوالات Selected: 0/50 GENERATE PAPER & START امتحان شروع کریں 📖 Paper ⏱️ 00:00 SUBMIT & CHECK RESULT جمع کروائیں اور نتیجہ دیکھیں Result Intimation Card SSC Part-I (9th Class) Annual Examination 2026 Candidate Name Father Name Institute City Date Academic Record Subject Max Obt % Grade Tarjama-tul-Quran (Translation) OFFICIAL VERIFIED stijob.org.pk Majid Farooq Developed By Controller Exam Controller 📄 PDF 🖼️ Image 🔄 Restart /* --- HUGE BILINGUAL DATABASE (Tarjama-tul-Quran 9th Syllabus) --- */ const DB = { short: [ {t: "Literal meaning of Quran / لفظ قرآن کے لغوی معنی", k: ["read", "recitation", "recited", "book"]}, {t: "Literal meaning of Surah / لفظ سورۃ کے لغوی معنی", k: ["wall", "city", "rank", "height"]}, {t: "Subject of Holy Quran / قرآن مجید کا موضوع", k: ["human", "man", "insan", "guidance"]}, {t: "Define Makki Surahs / مکی سورتوں کی تعریف", k: ["migration", "hijrat", "before", "makkah"]}, {t: "Define Madni Surahs / مدنی سورتوں کی تعریف", k: ["migration", "hijrat", "after", "madina"]}, {t: "Meaning of Tauheed / توحید کا معنی", k: ["oneness", "allah", "one", "wahid"]}, {t: "Meaning of Risalat / رسالت کا معنی", k: ["message", "messenger", "prophet", "paigham"]}, {t: "Meaning of Tarjama / ترجمہ کا مفہوم", k: ["translation", "meaning", "explain"]}, {t: "How many Stages (Manzil) in Quran? / قرآن میں کتنی منازل ہیں؟", k: ["7", "seven", "saat"]}, {t: "Protection of Quran / قرآن کی حفاظت کا ذمہ", k: ["allah", "god", "himself", "safe"]}, {t: "Topic of Surah Maryam / سورۃ مریم کا موضوع", k: ["prophets", "isa", "maryam", "jesus", "mercy"]}, {t: "Dua of Hazrat Zakariya / حضرت زکریا کی دعا", k: ["son", "heir", "yahya", "offspring"]}, {t: "Meaning of 'Kaf Ha Ya Ain Saad' / کھیعص سے کیا مراد ہے", k: ["huroof", "muqattaat", "allah knows", "secret"]}, {t: "Father of Hazrat Maryam / حضرت مریم کے والد کا نام", k: ["imran", "imraan"]}, {t: "Hazrat Isa's miracle in cradle / حضرت عیسیٰ کا پالنے میں معجزہ", k: ["spoke", "talked", "prophet", "book"]}, {t: "Meaning of Taha / طٰہٰ کے معنی", k: ["name", "prophet", "man", "muqattaat"]}, {t: "Two miracles of Hazrat Musa / حضرت موسیٰ کے دو معجزات", k: ["stick", "hand", "white", "asa"]}, {t: "Demand of Hazrat Musa / حضرت موسیٰ کی اللہ سے درخواست", k: ["haroon", "brother", "helper", "chest"]}, {t: "Who was Samri? / سامری کون تھا؟", k: ["magician", "calf", "idol", "gold"]}, {t: "Topic of Surah Al-Anbiya / سورۃ الانبیاء کا موضوع", k: ["day of judgment", "account", "reckoning", "prophets"]}, {t: "Title of Hazrat Ibrahim / حضرت ابراہیم کا لقب", k: ["khalil", "friend", "allah"]}, {t: "Miracle of Hazrat Ibrahim (Fire) / حضرت ابراہیم اور آگ کا واقعہ", k: ["cool", "safe", "garden", "fire"]}, {t: "Topic of Surah Al-Hajj / سورۃ الحج کا موضوع", k: ["hajj", "pilgrimage", "qiyamat", "hour"]}, {t: "Who are 'Mukhbiteen'? / مخبتین سے کیا مراد ہے؟", k: ["humble", "fear", "patient", "obedient"]}, {t: "Qualities of Momineen (Surah Mu'minun) / سورۃ مومنون میں مومنوں کی صفات", k: ["prayer", "zakat", "trust", "chastity"]}, {t: "Meaning of 'Laghw' / لغو سے کیا مراد ہے؟", k: ["useless", "vain", "talk", "waste"]}, {t: "Incident of Ifk (Surah Nur) / واقعہ افک کیا ہے؟", k: ["aisha", "accusation", "slander", "innocence"]}, {t: "Punishment for Slander (Qazf) / تہمت لگانے کی سزا", k: ["80", "eighty", "lashes", "whips"]}, {t: "Command about Hijab (Surah Nur) / سورۃ نور میں پردے کا حکم", k: ["gaze", "eyes", "cover", "bosoms"]}, {t: "Meaning of Al-Furqan / الفرقان کا معنی", k: ["criterion", "difference", "truth", "falsehood"]}, {t: "Objection of Kuffar on Quran / کفار کا قرآن پر اعتراض", k: ["once", "pieces", "gradually", "human"]}, {t: "Qualities of Ibad-ur-Rehman / عباد الرحمٰن کی صفات", k: ["walk", "humbly", "peace", "night"]}, {t: "Topic of Surah Ash-Shu'ara / سورۃ الشعراء کا موضوع", k: ["poets", "prophets", "admonition", "believers"]}, {t: "Nation of Thamud punishment / قوم ثمود پر عذاب", k: ["blast", "shout", "sound", "earthquake"]}, {t: "Prophet of Nation of Aad / قوم عاد کے نبی", k: ["hud", "hood"]}, {t: "Meaning of An-Naml / النمل کا معنی", k: ["ant", "insect"]}, {t: "Hazrat Sulaiman's ability / حضرت سلیمان کی خصوصیت", k: ["birds", "jinn", "wind", "language"]}, {t: "Queen of Saba (Sheba) / ملکہ سبا کا واقعہ", k: ["throne", "bilqis", "letter", "muslim"]}, {t: "Meaning of Al-Qasas / القصص کا معنی", k: ["stories", "narratives", "events"]}, {t: "Hazrat Musa's mother act / حضرت موسیٰ کی والدہ کا عمل", k: ["river", "box", "nile", "sister"]}, {t: "Why Hazrat Musa left Egypt? / حضرت موسیٰ نے مصر کیوں چھوڑا؟", k: ["killed", "man", "fear", "midyan"]}, {t: "Topic of Surah Al-Ankabut / سورۃ العنکبوت کا موضوع", k: ["spider", "web", "weak", "trial"]}, {t: "Example of Spider's Web / مکڑی کے جالے کی مثال", k: ["house", "frail", "weakest", "idols"]}, {t: "Rights of Parents in Quran / قرآن میں والدین کے حقوق", k: ["goodness", "kindness", "obey", "shirk"]}, {t: "Topic of Surah Ar-Rum / سورۃ الروم کا موضوع", k: ["romans", "persians", "victory", "defeat"]}, {t: "Prediction in Surah Rum / سورۃ الروم میں پیش گوئی", k: ["victory", "few years", "romans", "win"]}, {t: "Meaning of 'Mawaddat' / مودت کا معنی", k: ["love", "affection", "spouses", "peace"]}, {t: "Purpose of creating Spouses / جوڑے بنانے کا مقصد", k: ["peace", "comfort", "tranquility", "love"]}, {t: "Sign of Allah (Languages) / اللہ کی نشانی (زبانیں)", k: ["colors", "tongues", "diversity", "creation"]}, {t: "Command to Holy Prophet in Taha / سورۃ طٰہٰ میں نبی ﷺ کو حکم", k: ["patience", "prayer", "glorify", "night"]} ], long: [ {t: "Introduction to Holy Quran & its Names / قرآن مجید کا تعارف اور نام", k: ["book", "guidance", "furqan", "dhikr", "final"]}, {t: "Difference between Makki and Madni Surahs / مکی اور مدنی سورتوں میں فرق", k: ["beliefs", "short", "laws", "long", "jihad"]}, {t: "Note on Surah Maryam / سورۃ مریم پر نوٹ لکھیں", k: ["zakariya", "yahya", "isa", "truth", "mercy"]}, {t: "Event of Hazrat Musa & Firaun (Surah Taha) / حضرت موسیٰ اور فرعون کا واقعہ", k: ["snake", "magicians", "prostrate", "defeat", "faith"]}, {t: "Main themes of Surah Al-Anbiya / سورۃ الانبیاء کے اہم مضامین", k: ["oneness", "life", "death", "account", "universe"]}, {t: "Note on Surah Al-Hajj / سورۃ الحج پر نوٹ لکھیں", k: ["pilgrimage", "sacrifice", "qurban", "kaaba", "rites"]}, {t: "Characteristics of Momineen (Surah Mu'minun) / سورۃ مومنون کی روشنی میں مومن کی صفات", k: ["khushu", "vain", "zakat", "private parts", "trust", "covenant"]}, {t: "Social Etiquettes in Surah An-Nur / سورۃ نور میں بیان کردہ معاشرتی آداب", k: ["permission", "enter", "salam", "privacy", "houses"]}, {t: "Note on incident of Ifk (Slander) / واقعہ افک پر تفصیلی نوٹ", k: ["hypocrites", "accusation", "honor", "revelation", "punishment"]}, {t: "Introduction & Theme of Surah Al-Furqan / سورۃ الفرقان کا تعارف اور مرکزی خیال", k: ["criterion", "servants", "rehman", "repentance", "hell"]}, {t: "Stories of Prophets in Surah Ash-Shu'ara / سورۃ الشعراء میں انبیاء کے واقعات", k: ["musa", "ibrahim", "nooh", "hood", "saleh", "lut", "shuhaib"]}, {t: "Note on Hazrat Sulaiman & Queen Bilqis / حضرت سلیمان اور ملکہ بلقیس کا واقعہ", k: ["hoopoe", "letter", "throne", "palace", "glass", "faith"]}, {t: "Story of Hazrat Musa's Birth & Youth / حضرت موسیٰ کی پیدائش اور جوانی کا واقعہ", k: ["pharaoh", "killing", "river", "palace", "mother", "shoaib"]}, {t: "Qaroon and his arrogance (Surah Qasas) / قارون اور اس کا تکبر", k: ["treasure", "wealth", "pride", "earth", "swallowed"]}, {t: "Concept of Trial in Surah Al-Ankabut / سورۃ العنکبوت میں آزمائش کا تصور", k: ["faith", "test", "truth", "lie", "jihad", "struggle"]}, {t: "Predictions & Signs in Surah Ar-Rum / سورۃ الروم کی پیش گوئیاں اور نشانیاں", k: ["defeat", "victory", "creation", "rain", "ships", "wind"]}, {t: "Rights of Relatives & Charity (Surah Rum) / رشتہ داروں کے حقوق اور صدقہ", k: ["give", "right", "poor", "traveler", "usury", "interest"]}, {t: "Significance of Quranic Teachings / قرآن مجید کی تعلیمات کی اہمیت", k: ["success", "world", "hereafter", "code", "life"]}, {t: "Qualities of Ibad-ur-Rehman (Detailed) / عباد الرحمٰن کی تفصیل", k: ["night", "spend", "harm", "kill", "fornication", "witness"]}, {t: "The Incident of Ashab-e-Kahf (Cave) / اصحاب کہف کا واقعہ", k: ["youth", "cave", "sleep", "years", "dog", "money"]} ] }; 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); const q5a = {...longs[0], m:5, label:"Q5(a)"}; const q5b = {...longs[1], m:4, label:"Q5(b)"}; const q6a = {...longs[2], m:5, label:"Q6(a)"}; const q6b = {...longs[3], m:4, label:"Q6(b)"}; examData = [...shorts, q5a, q5b, q6a, q6b]; secLeft = 105 * 60; } 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:5, label:"Long Q"})); examData = [...sList, ...lList]; secLeft = (sList.length*3 + lList.length*10)*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 (تفصیلی سوالات)`; longs.forEach((q, i) => { const idx = shorts.length + i; area.innerHTML += ` ${q.label||'Q'}. ${q.t} (${q.m} Marks | Max Words: 300) `; }); } } 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; // Check for English keywords or Urdu/Roman Urdu approximate matches keys.forEach(k => { if(ans.includes(k.toLowerCase())) hits++; }); let score = 0; let ratio = hits/keys.length; if(ratio > 0.6) score = q.m; else if(ratio > 0.3) score = q.m * 0.5; else if(ans.length > 10) score = 0.5; // Participation marks for writing something relevant length 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('Tarjama_Quran_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 = 'Tarjama_Quran_Result.png'; a.href = c.toDataURL(); a.click(); }); }