10th Class Computer Science Online MCQs

10th Class Computer Science Online MCQs 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 10th Class Computer Science Web Quiz Features: 10 Topic-Wise Sets: Dedicated to C-Language, Problem Solving, Loops, Logic Gates, etc. Smart Randomization: Questions and options shuffle every time. Immediate Feedback: "Bold Pati" style (Red/Green strips) appears instantly. Advanced Leaderboard: Saves real Name, School, City, and Score. WhatsApp Integration: Green promo box at the end. Mobile Optimized: Fixed table layouts, sticky top bar, and touch-friendly interface. 10th Computer Science Quiz :root { --primary: #00695c; /* Teal for CS */ --secondary: #00897b; --accent: #ffca28; --success: #2e7d32; --danger: #c62828; --bg: #f1f8e9; --dark: #263238; --wa: #25D366; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } body { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; background: #fff; } /* --- ANIMATIONS --- */ @keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.02); } 100% { transform: scale(1); } } /* --- CONTAINER --- */ .stijob-quiz-container { max-width: 100%; margin: 0 auto; background: #fff; color: var(--dark); min-height: 100vh; display: flex; flex-direction: column; } .urdu-text { font-family: 'Noto Nastaliq Urdu', serif; direction: rtl; line-height: 1.8; font-size: 1.1em; color: #000; margin-top: 5px; display: block; } .view-section { display: none; padding: 15px; flex: 1; } .view-section.active { display: block; animation: slideUp 0.3s ease-out; } /* --- HEADER (Home/Register) --- */ .quiz-header { background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; padding: 20px 15px; text-align: center; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); margin-bottom: 20px; } .quiz-header h2 { margin: 0; font-size: 1.5rem; font-weight: 800; } .quiz-header p { margin: 5px 0 0; font-size: 0.85rem; opacity: 0.9; } /* --- STICKY MOBILE STATS BAR --- */ .sticky-bar { position: sticky; top: 0; z-index: 999; background: white; border-bottom: 1px solid #ddd; padding: 8px 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 5px rgba(0,0,0,0.05); } .stats-group { display: flex; gap: 5px; align-items: center; } .stat-pill { background: #f5f5f5; padding: 4px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 700; color: var(--dark); border: 1px solid #eee; display: flex; align-items: center; gap: 4px; } .stat-pill.timer { color: var(--danger); background: #ffebee; border-color: #ffcdd2; } .stat-pill.score { color: var(--success); background: #e8f5e9; border-color: #c8e6c9; } .close-btn { background: #eee; border: none; color: #555; width: 28px; height: 28px; border-radius: 50%; font-weight: bold; font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; } /* --- QUESTION CARD --- */ .q-card { margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; } .q-eng { font-weight: 700; font-size: 1rem; color: #333; margin-bottom: 5px; line-height: 1.4; } .q-urdu { text-align: right; color: var(--primary); font-weight: 600; font-size: 1.1rem; } /* --- COMPACT OPTIONS --- */ .opt-grid { display: grid; gap: 8px; } .opt-btn { background: #fff; border: 1px solid #ccc; padding: 10px 12px; border-radius: 8px; text-align: left; cursor: pointer; width: 100%; display: flex; flex-direction: column; transition: 0.1s; position: relative; } .opt-btn:active { transform: scale(0.98); background: #f9f9f9; } .opt-eng { font-weight: 600; font-size: 0.9rem; color: #444; } .opt-urdu { text-align: right; font-size: 0.95rem; color: #666; margin-top: 2px; } .opt-btn.correct { background: #d4edda !important; border: 2px solid #28a745 !important; } .opt-btn.correct * { color: #155724 !important; font-weight: bold; } .opt-btn.wrong { background: #f8d7da !important; border: 2px solid #dc3545 !important; } .opt-btn.wrong * { color: #721c24 !important; font-weight: bold; } /* --- FORMS & BUTTONS --- */ .form-group { margin-bottom: 15px; } .form-input { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 8px; font-size: 0.95rem; } .main-btn { width: 100%; padding: 14px; background: var(--primary); color: white; border: none; border-radius: 50px; font-weight: 700; font-size: 1rem; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 4px 10px rgba(0, 105, 92, 0.3); margin-top: 10px; } /* --- SETS TABLE --- */ .sets-table { width: 100%; border-collapse: collapse; margin-top: 10px; } .sets-table tr { border-bottom: 1px solid #eee; cursor: pointer; } .sets-table td { padding: 12px 5px; vertical-align: middle; } .set-badge { background: var(--primary); color: white; width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9rem; margin-right: 10px; } .set-text h4 { margin: 0; font-size: 0.95rem; color: var(--dark); } .set-text span { font-size: 0.75rem; color: #777; } .play-icon { color: var(--success); font-size: 1.2rem; font-weight: bold; } /* --- RESULT & LEADERBOARD --- */ .res-summary { display: flex; justify-content: space-between; background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 10px; margin-bottom: 20px; text-align: center; } .res-item span { display: block; font-size: 0.75rem; color: #777; text-transform: uppercase; } .res-item strong { font-size: 1.1rem; color: var(--dark); } /* FIXED MOBILE LEADERBOARD */ .lb-container { border: 1px solid var(--accent); border-radius: 8px; overflow: hidden; margin-bottom: 20px; } .lb-header { background: var(--accent); color: #000; padding: 8px; font-weight: 700; text-align: center; font-size: 0.9rem; } .lb-table { width: 100%; border-collapse: collapse; font-size: 0.75rem; table-layout: fixed; } .lb-table th { background: #fff8e1; text-align: left; padding: 6px 4px; color: #f57f17; } .lb-table td { padding: 6px 4px; border-bottom: 1px solid #eee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .col-rank { width: 10%; text-align: center; font-weight: bold; } .col-name { width: 30%; font-weight: 600; } .col-school { width: 25%; color: #666; font-style: italic; } .col-city { width: 20%; } .col-score { width: 15%; text-align: center; font-weight: bold; color: var(--success); } /* --- WHATSAPP BOX --- */ .wa-box { background: #e8f5e9; border: 1px solid var(--wa); border-radius: 8px; padding: 15px; text-align: center; margin-bottom: 20px; } .wa-text { color: #075e54; font-weight: 700; font-size: 0.9rem; margin-bottom: 10px; } .wa-btn { display: inline-block; background: var(--wa); color: white; text-decoration: none; padding: 8px 20px; border-radius: 20px; font-size: 0.85rem; font-weight: 700; } /* --- DEVELOPER FOOTER --- */ .dev-footer { background: #333; color: #fff; text-align: center; padding: 15px; font-size: 0.75rem; margin-top: auto; } .dev-name { color: var(--accent); font-weight: bold; font-size: 0.9rem; margin-bottom: 3px; } /* Desktop Tweaks */ @media (min-width: 768px) { .stijob-quiz-container { max-width: 600px; border: 1px solid #ddd; margin: 20px auto; border-radius: 12px; } } 10th Computer Science BISE Sahiwal | 2025-26 Session * Enter Real Details for Leaderboard Start Quiz Select Topic Click a chapter to begin 📄 1/30 ⏳ 20:00 ✓ 0 ✕ Next Question → Quiz Result Total30 Correct0 Wrong0 %age0% 📢 Join WhatsApp Channel for Education & Jobs Updates Join Channel Now 🏆 Top 40 Leaderboard #NameSchoolCity% Share WhatsApp Exit Quiz MAJID FAROOQ From: Arifwala | 0314-6685547 majidfarooq295@gmail.com // --- CONFIGURATION --- const topicSets = [ { id: 1, title: "Problem Solving", sub: "Unit 1: Algorithms" }, { id: 2, title: "Data Types & Assign", sub: "Unit 2: Variables" }, { id: 3, title: "Input / Output", sub: "Unit 3: printf/scanf" }, { id: 4, title: "Control Structures", sub: "Unit 4: if/else" }, { id: 5, title: "Loop Structures", sub: "Unit 5: for/while" }, { id: 6, title: "Computer Logic", sub: "Unit 6: Gates" }, { id: 7, title: "WWW & HTML", sub: "Unit 7: Web Basics" }, { id: 8, title: "Review (Units 1-3)", sub: "Paper Pattern A" }, { id: 9, title: "Review (Units 4-7)", sub: "Paper Pattern B" }, { id: 10, title: "Full Book Mock", sub: "Final Exam" } ]; const masterQuestions = [ // SET 1: Problem Solving { s:1, e:"A graphical representation of an algorithm is:", u:"الگورتھم کی تصویری شکل ہے:", o:[{t:"Flowchart", u:"فلو چارٹ", c:true}, {t:"Graph", u:"گراف", c:false}, {t:"Program", u:"پروگرام", c:false}, {t:"Logic", u:"لوجک", c:false}]}, { s:1, e:"Symbol used for Input/Output in flowchart:", u:"فلو چارٹ میں ان پٹ/آؤٹ پٹ کی علامت:", o:[{t:"Parallelogram", u:"پیرللوگرام", c:true}, {t:"Rectangle", u:"ریکٹینگل", c:false}, {t:"Diamond", u:"ڈائمنڈ", c:false}, {t:"Oval", u:"اوول", c:false}]}, // SET 2: Data Types { s:2, e:"Which data type stores decimal numbers?", u:"کون سی ڈیٹا ٹائپ اعشاریہ نمبر سٹور کرتی ہے؟", o:[{t:"float", u:"فلوٹ", c:true}, {t:"int", u:"انٹیجر", c:false}, {t:"char", u:"چار", c:false}, {t:"void", u:"وائیڈ", c:false}]}, { s:2, e:"Variable name cannot start with:", u:"ویری ایبل کا نام شروع نہیں ہو سکتا:", o:[{t:"Digit", u:"ہندسے سے", c:true}, {t:"Underscore", u:"انڈر سکور سے", c:false}, {t:"Alphabet", u:"حروف سے", c:false}, {t:"None", u:"کوئی نہیں", c:false}]}, // SET 3: Input/Output { s:3, e:"Escape sequence for new line is:", u:"نئی لائن کے لیے اسکیپ سیکونس ہے:", o:[{t:"\\n", u:"\\n", c:true}, {t:"\\t", u:"\\t", c:false}, {t:"\\b", u:"\\b", c:false}, {t:"\\r", u:"\\r", c:false}]}, { s:3, e:"getch() function is in which header file?", u:"getch() کس ہیڈر فائل میں ہے؟", o:[{t:"conio.h", u:"conio.h", c:true}, {t:"stdio.h", u:"stdio.h", c:false}, {t:"math.h", u:"math.h", c:false}, {t:"main.h", u:"main.h", c:false}]}, // SET 4: Control Structures { s:4, e:"Condition in 'if' statement evaluates to:", u:"if سٹیٹمنٹ میں کنڈیشن کا نتیجہ ہوتا ہے:", o:[{t:"True/False", u:"صحیح/غلط", c:true}, {t:"0/1/2", u:"0/1/2", c:false}, {t:"High/Low", u:"ہائی/لو", c:false}, {t:"Yes/No", u:"ہاں/نہیں", c:false}]}, { s:4, e:"Alternative to multiple if-else is:", u:"بہت سے if-else کا متبادل ہے:", o:[{t:"Switch", u:"سوئچ", c:true}, {t:"Loop", u:"لوپ", c:false}, {t:"Array", u:"ارے", c:false}, {t:"Function", u:"فنکشن", c:false}]}, // SET 5: Loops { s:5, e:"Loop is also known as:", u:"لوپ کو یہ بھی کہتے ہیں:", o:[{t:"Iterative", u:"اٹریٹو", c:true}, {t:"Sequential", u:"ترتیب وار", c:false}, {t:"Selection", u:"سلیکشن", c:false}, {t:"Random", u:"رینڈم", c:false}]}, // SET 6: Logic Gates { s:6, e:"AND gate output is 1 when:", u:"AND گیٹ کی آؤٹ پٹ 1 ہوتی ہے جب:", o:[{t:"All inputs 1", u:"تمام ان پٹ 1 ہوں", c:true}, {t:"Any input 1", u:"کوئی ایک 1 ہو", c:false}, {t:"All inputs 0", u:"تمام ان پٹ 0 ہوں", c:false}, {t:"None", u:"کوئی نہیں", c:false}]}, // SET 7: HTML (FIXED TAGS) { s:7, e:"Correct HTML tag for largest heading:", u:"سب سے بڑی ہیڈنگ کا HTML ٹیگ:", o:[{t:" ", u:" ", c:true}, {t:" ", u:" ", c:false}, {t:" ", u:" ", c:false}, {t:" ", u:" ", c:false}]}, { s:7, e:"Tag used for hyperlink:", u:"ہائپر لنک کے لیے ٹیگ:", o:[{t:" ", u:" ", c:true}, {t:" ", u:" ", c:false}, {t:" ", u:" ", c:false}, {t:" ", u:" ", c:false}]} ]; let currentUser = {}; let currentQuestions = []; let currentIndex = 0; let score = 0; let timerInt; let timeLeft = 1200; document.addEventListener("DOMContentLoaded", () => { initTable(); loadLeaderboard(); }); function initTable() { const tbody = document.getElementById("set-table-body"); topicSets.forEach((set, idx) => { const tr = document.createElement("tr"); tr.onclick = () => startQuiz(set.id); tr.innerHTML = ` ${idx + 1} ${set.title}${set.sub} ▶ `; tbody.appendChild(tr); }); } function submitRegistration() { const n = document.getElementById("reg-name").value.trim(); const s = document.getElementById("reg-school").value.trim(); const c = document.getElementById("reg-city").value.trim(); if(!n || !s || !c) { alert("Please fill all details!"); return; } currentUser = { name:n, school:s, city:c }; document.getElementById("view-register").classList.remove("active"); document.getElementById("view-sets").classList.add("active"); window.scrollTo(0,0); } function goBackToSets() { if(confirm("Exit Quiz?")) { clearInterval(timerInt); document.getElementById("view-quiz").classList.remove("active"); document.getElementById("view-result").classList.remove("active"); document.getElementById("view-sets").classList.add("active"); window.scrollTo(0,0); } } function startQuiz(setId) { let pool = [...masterQuestions]; while(pool.length Math.random() - 0.5); currentQuestions = pool.slice(0, 30); score = 0; currentIndex = 0; timeLeft = 1200; document.getElementById("live-score").innerText = "0"; document.getElementById("view-sets").classList.remove("active"); document.getElementById("view-quiz").classList.add("active"); window.scrollTo(0,0); startTimer(); renderQuestion(); } function startTimer() { clearInterval(timerInt); const el = document.getElementById("timer"); timerInt = setInterval(() => { timeLeft--; let m = Math.floor(timeLeft/60); let s = timeLeft%60; el.innerText = `${m}:${s { const btn = document.createElement("button"); btn.className = "opt-btn"; btn.dataset.correct = opt.c; btn.innerHTML = `${opt.t}${opt.u}`; btn.onclick = () => checkAnswer(btn, opt.c); grid.appendChild(btn); }); div.appendChild(grid); document.getElementById("next-btn").style.display = "none"; } function checkAnswer(btn, isCorrect) { const all = document.querySelectorAll(".opt-btn"); all.forEach(b => { b.style.pointerEvents = "none"; if(b.dataset.correct === "true") b.classList.add("correct"); }); if(!isCorrect) btn.classList.add("wrong"); if(isCorrect) { score++; document.getElementById("live-score").innerText = score; } document.getElementById("next-btn").style.display = "block"; } function nextQuestion() { currentIndex++; if(currentIndex < 30) renderQuestion(); else finishQuiz(); } function finishQuiz() { clearInterval(timerInt); document.getElementById("view-quiz").classList.remove("active"); document.getElementById("view-result").classList.add("active"); window.scrollTo(0,0); const perc = Math.round((score/30)*100); document.getElementById("res-correct").innerText = score; document.getElementById("res-wrong").innerText = 30-score; document.getElementById("res-percent").innerText = perc+"%"; const rem = document.getElementById("res-remarks"); if(perc >= 50) { rem.innerText = "PASSED - Good Job!"; rem.style.color = "var(--success)"; } else { rem.innerText = "FAILED - Need Improvement"; rem.style.color = "var(--danger)"; } updateLeaderboard(perc); setupShare(score, perc); } function updateLeaderboard(finalPerc) { let lb = JSON.parse(localStorage.getItem("cs10_lb_fixed_v3")) || []; lb.push({ name: currentUser.name, school: currentUser.school, city: currentUser.city, score: finalPerc }); lb.sort((a,b) => b.score - a.score); lb = lb.slice(0, 40); localStorage.setItem("cs10_lb_fixed_v3", JSON.stringify(lb)); renderLeaderboardTable(lb); } function loadLeaderboard() { let lb = JSON.parse(localStorage.getItem("cs10_lb_fixed_v3")) || []; renderLeaderboardTable(lb); } function renderLeaderboardTable(data) { const tbody = document.getElementById("leaderboard-body"); tbody.innerHTML = ""; if(data.length === 0) { tbody.innerHTML = `No records yet`; return; } data.forEach((item, i) => { const tr = document.createElement("tr"); if(item.name === currentUser.name && item.school === currentUser.school) tr.style.background = "#e0f2f1"; tr.innerHTML = `${i+1}${item.name}${item.school}${item.city}${item.score}%`; tbody.appendChild(tr); }); } function setupShare(s, p) { const txt = encodeURIComponent(`I scored ${s}/30 (${p}%) in 10th Computer Science Quiz!`); const url = encodeURIComponent(window.location.href); document.getElementById("share-wa").href = `https://wa.me/?text=${txt} ${url}`; }