Computer Fundamentals 25 mcc part 3

Part 3 · Computer Fundamentals (Q51–Q75) /* ---------- 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: #dbeafe; color: #1d4ed8; 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: #2563eb; 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, #2563eb, #7c3aed); 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: #2563eb; background: #dbeafe; 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: #2563eb; background: #eff6ff; } .option.selected .letter { background: #2563eb; 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: #2563eb; color: #fff; } .btn-primary:hover:not(:disabled) { background: #1d4ed8; } .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: #2563eb; } .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 3 MCQ Challenge Questions 51–75 from the PDF. Test your knowledge with interactive feedback. Q51 – Q75 0 / 25 Previous Next 0 / 25 Your Score 0 Correct 0 Wrong 0 Attempted 🎉 Great job! Restart Quiz // ============================================================ // DATA — Questions 51–75 (from QB_Fundamentals_of_Computer.pdf) // ============================================================ const questions = [{ id: 51, text: 'What is a light pen?', options: ['Mechanical Input device', 'Optical input device', 'Electronic input device', 'Optical output device' ], correct: 1 }, { id: 52, text: 'BCD is …', options: ['Binary Coded Decimal', 'Bit Coded Decimal', 'Binary Coded Digit', 'Bit Coded Digit'], correct: 0 }, { id: 53, text: 'ASCII stands for …', options: [ 'American Stable Code for International Interchange', 'American Standard Case for Institutional Interchange', 'American Standard Code for Information Interchange', 'American Standard Code for Interchange Information' ], correct: 2 }, { id: 54, text: 'Which of the following is first generation of computer?', options: ['EDSAC', 'IBM-1401', 'CDC-1604', 'ICL-2900'], correct: 0 }, { id: 55, text: 'Chief component of first generation computer was …', options: ['Transistors', 'Vacuum Tubes and Valves', 'Integrated Circuits', 'None of above'], correct: 1 }, { id: 56, text: 'FORTRAN is …', options: ['File Translation', 'Format Translation', 'Formula Translation', 'Floppy Translation'], correct: 2 }, { id: 57, text: 'EEPROM stands for …', options: [ 'Electrically Erasable Programmable Read Only Memory', 'Easily Erasable Programmable Read Only Memory', 'Electronic Erasable Programmable Read Only Memory', 'None of the above' ], correct: 0 }, { id: 58, text: 'Second Generation computers were developed during …', options: ['1949 to 1955', '1956 to 1965', '1965 to 1970', '1970 to 1990'], correct: 1 }, { id: 59, text: 'The computer size was very large in …', options: ['First Generation', 'Second Generation', 'Third Generation', 'Fourth Generation'], correct: 0 }, { id: 60, text: 'Microprocessors as switching devices are for which generation computers?', options: ['First Generation', 'Second Generation', 'Third Generation', 'Fourth Generation'], correct: 3 }, { id: 61, text: 'Which of the following devices can be used to directly image printed text?', options: ['OCR', 'OMR', 'MICR', 'All of above'], correct: 0 }, { id: 62, text: 'The output quality of a printer is measured by …', options: ['Dot per inch', 'Dot per sq. inch', 'Dots printed per unit time', 'All of above'], correct: 1 }, { id: 63, text: 'In analogue computer …', options: [ 'Input is first converted to digital form', 'Input is never converted to digital form', 'Output is displayed in digital form', 'All of above' ], correct: 1 }, { id: 64, text: 'In latest generation computers, the instructions are executed …', options: ['Parallel only', 'Sequentially only', 'Both sequentially and parallel', 'All of above'], correct: 2 }, { id: 65, text: 'Who designed the first electronic computer – ENIAC?', options: ['Van-Neumann', 'Joseph M. Jacquard', 'J. Presper Eckert & John Mauchly', 'Alan Turing'], correct: 2 }, { id: 66, text: 'Who invented the high level language "C"?', options: ['Dennis M. Ritchie', 'Niklaus Wirth', 'Seymour Papert', 'Donald Kunth'], correct: 0 }, { id: 67, text: 'Personnel who design, program, operate and maintain computer equipment refers to …', options: ['Console-operator', 'Programmer', 'Peopleware', 'System Analyst'], correct: 2 }, { id: 68, text: 'When did arch rivals IBM and Apple Computers Inc. decide to join hands?', options: ['1978', '1984', '1990', '1991'], correct: 3 }, { id: 69, text: 'Human beings are referred to as Homosapiens, which device is called Silico Sapiens?', options: ['Monitor', 'Hardware', 'Robot', 'Computer'], correct: 3 }, { id: 70, text: 'An error in software or hardware is called a bug. What is the alternative computer jargon for it?', options: ['Leech', 'Squid', 'Slug', 'Glitch'], correct: 3 }, { id: 71, text: 'Modern computers are very reliable but they are not …', options: ['Fast', 'Powerful', 'Infallible', 'Cheap'], correct: 2 }, { id: 72, text: 'What is the name of the display feature that highlights area of the screen which requires operator attention?', options: ['Pixel', 'Reverse video', 'Touch screen', 'Cursor'], correct: 1 }, { id: 73, text: 'Personal computers use a number of chips mounted on a main circuit board. What is the common name for such boards?', options: ['Daughter board', 'Motherboard', 'Father board', 'Breadboard'], correct: 1 }, { id: 74, text: 'In most IBM PCs, the CPU, the device drives, memory expansion slots and active components are mounted on a single board. What is the name of this board?', options: ['Motherboard', 'Breadboard', 'Daughter board', 'Grandmother board'], correct: 0 }, { id: 75, text: 'What is meant by a dedicated computer?', options: [ 'Which is used by one person only', 'Which is assigned one and only one task', 'Which uses one kind of software', 'Which is meant for application software' ], correct: 1 }]; // ============================================================ // 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