Computer Fundamentals 25 mcc part 4

Part 4 · Computer Fundamentals (Q76–Q100) /* ---------- RESET & BASE ---------- */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background: #f4f7fc; min-height: 100vh; display: flex; justify-content: center; padding: 2rem 1rem; color: #1e293b; } .blog-container { max-width: 820px; width: 100%; background: #ffffff; border-radius: 32px; box-shadow: 0 20px 60px rgba(0, 20, 40, 0.08); padding: 2rem 2rem 2.5rem; transition: all 0.2s ease; } /* ---------- HEADER ---------- */ .blog-header { text-align: center; padding-bottom: 1.5rem; border-bottom: 2px solid #eef2f6; margin-bottom: 2rem; } .blog-header .badge { display: inline-block; background: #fce7f3; color: #be185d; font-weight: 600; font-size: 0.7rem; letter-spacing: 0.5px; text-transform: uppercase; padding: 0.3rem 0.9rem; border-radius: 100px; margin-bottom: 0.75rem; } .blog-header h1 { font-size: 2rem; font-weight: 700; letter-spacing: -0.5px; color: #0f172a; margin-bottom: 0.25rem; } .blog-header h1 i { color: #be185d; margin-right: 0.5rem; } .blog-header p { color: #64748b; font-size: 1rem; max-width: 500px; margin: 0.5rem auto 0; line-height: 1.5; } .part-badge { display: inline-block; margin-top: 0.5rem; background: #1e293b; color: #fff; font-weight: 600; font-size: 0.75rem; padding: 0.25rem 1.2rem; border-radius: 100px; } /* ---------- PROGRESS BAR ---------- */ .progress-wrapper { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.75rem; } .progress-track { flex: 1; height: 6px; background: #e2e8f0; border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 0%; background: linear-gradient(90deg, #be185d, #ec4899); border-radius: 10px; transition: width 0.5s ease; } .progress-text { font-weight: 600; font-size: 0.85rem; color: #475569; white-space: nowrap; min-width: 56px; text-align: right; } /* ---------- QUESTION CARD ---------- */ .question-card { background: #fafcff; border-radius: 20px; padding: 1.75rem 1.75rem 1.5rem; border: 1px solid #e9edf2; transition: border-color 0.2s, box-shadow 0.2s; margin-bottom: 1.5rem; } .question-card.correct { border-color: #22c55e; background: #f0fdf4; box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.15); } .question-card.wrong { border-color: #ef4444; background: #fef2f2; box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.12); } .question-number { display: inline-block; font-size: 0.75rem; font-weight: 600; color: #be185d; background: #fce7f3; padding: 0.2rem 0.8rem; border-radius: 100px; margin-bottom: 0.8rem; letter-spacing: 0.3px; } .question-text { font-size: 1.1rem; font-weight: 600; line-height: 1.6; color: #0f172a; margin-bottom: 1.25rem; } /* ---------- OPTIONS ---------- */ .options-grid { display: flex; flex-direction: column; gap: 0.6rem; } .option { display: flex; align-items: center; gap: 0.75rem; padding: 0.7rem 1rem; background: #ffffff; border: 2px solid #e2e8f0; border-radius: 12px; cursor: pointer; transition: all 0.18s ease; font-size: 0.95rem; font-weight: 500; color: #1e293b; } .option:hover:not(.disabled) { border-color: #94a3b8; background: #f8fafc; } .option .letter { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #f1f5f9; font-weight: 700; font-size: 0.8rem; color: #475569; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .option.selected { border-color: #be185d; background: #fdf2f8; } .option.selected .letter { background: #be185d; color: #fff; } .option.correct-answer { border-color: #22c55e; background: #f0fdf4; } .option.correct-answer .letter { background: #22c55e; color: #fff; } .option.wrong-answer { border-color: #ef4444; background: #fef2f2; } .option.wrong-answer .letter { background: #ef4444; color: #fff; } .option.disabled { cursor: default; opacity: 0.7; } .option.disabled:hover { border-color: #e2e8f0; background: #ffffff; } .option .check-icon { margin-left: auto; font-size: 1.1rem; } .option .check-icon.correct-icon { color: #22c55e; } .option .check-icon.wrong-icon { color: #ef4444; } /* ---------- FEEDBACK ---------- */ .feedback { margin-top: 1.25rem; padding: 0.9rem 1.2rem; border-radius: 12px; font-size: 0.92rem; font-weight: 500; display: none; align-items: center; gap: 0.6rem; } .feedback.show { display: flex; } .feedback.correct { background: #dcfce7; color: #166534; border: 1px solid #86efac; } .feedback.wrong { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; } .feedback i { font-size: 1.2rem; } /* ---------- NAVIGATION ---------- */ .nav-row { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; flex-wrap: wrap; margin-top: 0.5rem; } .btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.6rem 1.4rem; border-radius: 100px; font-weight: 600; font-size: 0.9rem; border: none; cursor: pointer; transition: all 0.2s ease; background: #f1f5f9; color: #1e293b; } .btn:hover:not(:disabled) { background: #e2e8f0; transform: translateY(-1px); } .btn:disabled { opacity: 0.4; cursor: not-allowed; transform: none; } .btn-primary { background: #be185d; color: #fff; } .btn-primary:hover:not(:disabled) { background: #9d174d; } .btn-success { background: #22c55e; color: #fff; } .btn-success:hover:not(:disabled) { background: #16a34a; } .btn-outline { background: transparent; border: 2px solid #e2e8f0; } .btn-outline:hover:not(:disabled) { background: #f8fafc; border-color: #94a3b8; } /* ---------- RESULTS ---------- */ .results-container { display: none; text-align: center; padding: 2rem 1rem 1rem; } .results-container.show { display: block; } .results-score { font-size: 4rem; font-weight: 800; color: #0f172a; line-height: 1; } .results-score span { font-size: 1.8rem; font-weight: 600; color: #64748b; } .results-label { font-size: 1.1rem; color: #475569; margin-top: 0.5rem; } .results-stats { display: flex; justify-content: center; gap: 2.5rem; margin: 1.5rem 0 2rem; flex-wrap: wrap; } .stat-item { text-align: center; } .stat-item .num { font-size: 1.8rem; font-weight: 700; display: block; } .stat-item .label { font-size: 0.8rem; color: #64748b; font-weight: 500; } .stat-item .num.green { color: #22c55e; } .stat-item .num.red { color: #ef4444; } .stat-item .num.blue { color: #be185d; } .results-message { font-size: 1.05rem; padding: 0.8rem 1.5rem; background: #f1f5f9; border-radius: 16px; display: inline-block; margin-bottom: 1.5rem; } .btn-restart { background: #0f172a; color: #fff; padding: 0.7rem 2rem; font-size: 1rem; } .btn-restart:hover { background: #1e293b; transform: translateY(-2px); } /* ---------- RESPONSIVE ---------- */ @media (max-width: 640px) { .blog-container { padding: 1.25rem 1rem 1.5rem; } .blog-header h1 { font-size: 1.5rem; } .question-text { font-size: 1rem; } .option { font-size: 0.88rem; padding: 0.6rem 0.8rem; } .nav-row { flex-direction: column; align-items: stretch; } .btn { justify-content: center; } .results-score { font-size: 3rem; } .results-stats { gap: 1.5rem; } } @media (max-width: 400px) { .blog-header h1 { font-size: 1.25rem; } .question-card { padding: 1.25rem 1rem; } .option .letter { width: 24px; height: 24px; font-size: 0.7rem; } } .hidden { display: none !important; } Fundamentals of Computer · Part 4 MCQ Challenge Questions 76–100 from the PDF. Test your knowledge with interactive feedback. Q76 – Q100 0 / 25 Previous Next 0 / 25 Your Score 0 Correct 0 Wrong 0 Attempted 🎉 Great job! Restart Quiz // ============================================================ // DATA — Questions 76–100 (from QB_Fundamentals_of_Computer.pdf) // ============================================================ const questions = [{ id: 76, text: 'The system unit of a personal computer typically contains all of the following except:', options: ['Microprocessor', 'Disk controller', 'Serial interface', 'Modem'], correct: 3 }, { id: 77, text: 'A computer program that converts an entire program into machine language is called a/an …', options: ['Interpreter', 'Simulator', 'Compiler', 'Commander'], correct: 2 }, { id: 78, text: 'A computer program that translates one program instruction at a time into machine language is called a/an …', options: ['Interpreter', 'CPU', 'Compiler', 'Simulator'], correct: 0 }, { id: 79, text: 'A small or intelligent device is so called because it contains within it a …', options: ['Computer', 'Microcomputer', 'Programmable', 'Sensor'], correct: 3 }, { id: 80, text: 'A fault in a computer program which prevents it from working correctly is known as …', options: ['Boot', 'Bug', 'Biff', 'Strap'], correct: 1 }, { id: 81, text: 'A self replicating program, similar to a virus which was taken from a 1970s science fiction novel by John Bruner entitled the Shockwave Rider is …', options: ['Bug', 'Vice', 'Lice', 'Worm'], correct: 3 }, { id: 82, text: 'A _____ is a bi-stable electronic circuit that has …', options: ['Multivibrator', 'Flip-flop', 'Logic gates', 'Laten'], correct: 1 }, { id: 83, text: 'Unwanted repetitious messages, such as unsolicited bulk e-mail is known as …', options: ['Spam', 'Trash', 'Calibri', 'Courier'], correct: 0 }, { id: 84, text: 'DOS stands for …', options: ['Disk Operating System', 'Disk operating session', 'Digital Operating System', 'Digital Open system' ], correct: 0 }, { id: 85, text: 'Who is the chief of Microsoft?', options: ['Babbage', 'Bill Gates', 'Bill Clinton', 'none of these'], correct: 1 }, { id: 86, text: 'Which of the following are input devices?', options: ['Keyboard', 'Mouse', 'Card reader', 'Any of these'], correct: 3 }, { id: 87, text: 'Examples of output devices are …', options: ['Screen', 'Printer', 'Speaker', 'All of these'], correct: 3 }, { id: 88, text: 'Which of the following is also known as brain of computer?', options: ['Control unit', 'Central Processing unit', 'Arithmetic and language unit', 'Monitor'], correct: 1 }, { id: 89, text: 'IBM stands for …', options: ['Internal Business Management', 'International Business Management', 'International Business Machines', 'Internal Business Machines' ], correct: 2 }, { id: 90, text: '_____ translates and executes program at run time line by line …', options: ['Compiler', 'Interpreter', 'Linker', 'Loader'], correct: 1 }, { id: 91, text: '_____ is an OOP principle …', options: ['Structured programming', 'Procedural programming', 'Inheritance', 'Linking'], correct: 2 }, { id: 92, text: 'COBOL is widely used in applications …', options: ['Commercial', 'Scientific', 'Space', 'Mathematical'], correct: 0 }, { id: 93, text: 'RAM stands for …', options: ['Random origin money', 'Random only memory', 'Read only memory', 'Random access memory'], correct: 3 }, { id: 94, text: '1 Byte = ?', options: ['8 bits', '4 bits', '2 bits', '9 bits'], correct: 0 }, { id: 95, text: 'SMPS stands for …', options: ['Switched mode Power Supply', 'Start mode power supply', 'Store mode power supply', 'Single mode power supply' ], correct: 0 }, { id: 96, text: 'The device used to carry digital data on analogue lines is called as …', options: ['Modem', 'Multiplexer', 'Modulator', 'Demodulator'], correct: 0 }, { id: 97, text: 'VDU is also called …', options: ['Screen', 'Monitor', 'Both 1 & 2', 'printer'], correct: 2 }, { id: 98, text: 'BIOS stands for …', options: ['Basic Input Output system', 'Binary Input output system', 'Basic Input Off system', 'all the above' ], correct: 0 }, { id: 99, text: 'Father of "C" programming language …', options: ['Dennis Ritchie', 'Prof John Keenly', 'Thomas Kurtz', 'Bill Gates'], correct: 0 }, { id: 100, text: 'The instructions that tell a computer how to carry out the processing tasks are referred to as computer ......', options: ['programs', 'processors', 'input devices', 'memory modules'], correct: 0 }]; // ============================================================ // STATE // ============================================================ const state = { currentIndex: 0, answers: new Array(questions.length).fill(null), submitted: new Array(questions.length).fill(false), correct: new Array(questions.length).fill(false), totalCorrect: 0, totalWrong: 0, totalAttempted: 0, quizEnded: false }; // ============================================================ // DOM refs // ============================================================ const container = document.getElementById('questionsContainer'); const progressFill = document.getElementById('progressFill'); const progressText = document.getElementById('progressText'); const prevBtn = document.getElementById('prevBtn'); const nextBtn = document.getElementById('nextBtn'); const resultsContainer = document.getElementById('resultsContainer'); const finalScore = document.getElementById('finalScore'); const correctCount = document.getElementById('correctCount'); const wrongCount = document.getElementById('wrongCount'); const attemptedCount = document.getElementById('attemptedCount'); const resultMessage = document.getElementById('resultMessage'); const restartBtn = document.getElementById('restartBtn'); const navRow = document.getElementById('navRow'); const letters = ['a', 'b', 'c', 'd']; // ============================================================ // RENDER // ============================================================ function render() { const q = questions[state.currentIndex]; const idx = state.currentIndex; const selected = state.answers[idx]; const isSubmitted = state.submitted[idx]; const isCorrect = state.correct[idx]; let html = ``; html += ` Question ${idx + 1} of ${questions.length}`; html += `${q.text}`; html += ``; q.options.forEach((opt, oi) => { let classes = 'option'; let checkIcon = ''; if (selected === oi) classes += ' selected'; if (isSubmitted) { classes += ' disabled'; if (oi === q.correct) { classes += ' correct-answer'; checkIcon = ``; } else if (selected === oi && oi !== q.correct) { classes += ' wrong-answer'; checkIcon = ``; } } const letter = letters[oi]; html += ` ${letter} ${opt} ${checkIcon} `; }); html += ``; if (isSubmitted) { const msg = isCorrect ? '✅ Correct!' : `❌ Oops! The correct answer was “${q.options[q.correct]}”.`; const cls = isCorrect ? 'correct' : 'wrong'; html += ` ${msg} `; } html += ``; container.innerHTML = html; // ---- update progress ---- const answered = state.submitted.filter(v => v === true).length; const pct = Math.round((answered / questions.length) * 100); progressFill.style.width = pct + '%'; progressText.textContent = `${answered} / ${questions.length}`; // ---- nav buttons ---- prevBtn.disabled = state.currentIndex === 0; if (state.currentIndex === questions.length - 1 && state.quizEnded) { nextBtn.textContent = '🏁 Finish'; nextBtn.className = 'btn btn-success'; nextBtn.disabled = false; } else if (state.currentIndex === questions.length - 1) { nextBtn.textContent = 'See Results'; nextBtn.className = 'btn btn-success'; nextBtn.disabled = false; } else { nextBtn.textContent = 'Next →'; nextBtn.className = 'btn btn-primary'; nextBtn.disabled = false; } // ---- attach option click events ---- document.querySelectorAll('.option:not(.disabled)').forEach(el => { el.addEventListener('click', function(e) { const qIdx = parseInt(this.dataset.q); const optIdx = parseInt(this.dataset.opt); if (state.submitted[qIdx]) return; state.answers[qIdx] = optIdx; render(); }); }); const allSubmitted = state.submitted.every(v => v === true); if (allSubmitted && !state.quizEnded) { state.quizEnded = true; nextBtn.textContent = '🏁 See Results'; nextBtn.className = 'btn btn-success'; } } // ============================================================ // CHECK CURRENT // ============================================================ function checkCurrent() { const idx = state.currentIndex; if (state.submitted[idx]) return; const selected = state.answers[idx]; if (selected === null) { const card = document.querySelector('.question-card'); card.style.borderColor = '#f59e0b'; card.style.boxShadow = '0 0 0 3px rgba(245, 158, 11, 0.25)'; setTimeout(() => { card.style.borderColor = ''; card.style.boxShadow = ''; }, 600); return; } const q = questions[idx]; const isCorrect = selected === q.correct; state.submitted[idx] = true; state.correct[idx] = isCorrect; if (isCorrect) state.totalCorrect++; else state.totalWrong++; state.totalAttempted++; render(); } // ============================================================ // NAVIGATION // ============================================================ function goTo(index) { if (index = questions.length) return; state.currentIndex = index; render(); } function next() { if (!state.submitted[state.currentIndex]) { checkCurrent(); const allSubmitted = state.submitted.every(v => v === true); if (allSubmitted && state.currentIndex === questions.length - 1) { state.quizEnded = true; render(); return; } if (!state.submitted[state.currentIndex]) return; } if (state.currentIndex === questions.length - 1) { showResults(); return; } goTo(state.currentIndex + 1); } function prev() { if (state.currentIndex > 0) goTo(state.currentIndex - 1); } // ============================================================ // RESULTS // ============================================================ function showResults() { for (let i = 0; i < questions.length; i++) { if (!state.submitted[i]) { state.currentIndex = i; render(); return; } } state.quizEnded = true; document.getElementById('questionsContainer').style.display = 'none'; navRow.style.display = 'none'; document.querySelector('.progress-wrapper').style.display = 'none'; resultsContainer.classList.add('show'); finalScore.innerHTML = `${state.totalCorrect} / ${questions.length}`; correctCount.textContent = state.totalCorrect; wrongCount.textContent = state.totalWrong; attemptedCount.textContent = state.totalAttempted; const pct = Math.round((state.totalCorrect / questions.length) * 100); let msg = ''; if (pct === 100) msg = '🌟 Perfect! You are a computer fundamentals master!'; else if (pct >= 80) msg = '🎉 Excellent! Strong knowledge of core concepts.'; else if (pct >= 60) msg = '👍 Good job! Keep reviewing to sharpen your skills.'; else if (pct >= 40) msg = '📚 Not bad! Revisit the topics and try again.'; else msg = '💪 Keep learning! Computer basics take time.'; resultMessage.textContent = msg; } // ============================================================ // RESTART // ============================================================ function restart() { state.currentIndex = 0; state.answers = new Array(questions.length).fill(null); state.submitted = new Array(questions.length).fill(false); state.correct = new Array(questions.length).fill(false); state.totalCorrect = 0; state.totalWrong = 0; state.totalAttempted = 0; state.quizEnded = false; document.getElementById('questionsContainer').style.display = 'block'; navRow.style.display = 'flex'; document.querySelector('.progress-wrapper').style.display = 'flex'; resultsContainer.classList.remove('show'); render(); } // ============================================================ // KEYBOARD SHORTCUTS // ============================================================ document.addEventListener('keydown', (e) => { if (e.key === 'ArrowRight' || e.key === ' ') { e.preventDefault(); next(); } else if (e.key === 'ArrowLeft') { e.preventDefault(); prev(); } else if (e.key >= '1' && e.key

You might also like