50 MCQs – Computer Science & Rajasthan GK | Interactive Quiz for RPSC, REET, CET & Competitive Exams

50 MCQs – Computer Science & Rajasthan GK | Interactive Quiz /* ---------- Global Reset & Base (Rajasthani Theme) ---------- */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', 'Roboto', 'Noto Sans Devanagari', sans-serif; background: #fcf3e8; color: #2d1b0e; padding: 20px; min-height: 100vh; display: flex; justify-content: center; align-items: flex-start; } .container { max-width: 820px; width: 100%; margin: 0 auto; background: #fffdf9; border-radius: 28px; box-shadow: 0 20px 60px rgba(150, 80, 30, 0.15); padding: 30px 35px 50px; border: 1px solid #f0dcc8; transition: all 0.2s; } /* ---------- Breadcrumb ---------- */ .breadcrumb { font-size: 0.85rem; color: #7a5a3a; margin-bottom: 20px; padding: 8px 0; border-bottom: 1px solid #ecdccc; } .breadcrumb a { color: #8b1a1a; text-decoration: none; } .breadcrumb a:hover { text-decoration: underline; } .breadcrumb .sep { margin: 0 6px; color: #c0392b; } /* ---------- Header ---------- */ .blog-header { text-align: center; padding-bottom: 25px; border-bottom: 3px double #c0392b; margin-bottom: 30px; position: relative; } .blog-header::after { content: "✦"; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); background: #fffdf9; padding: 0 14px; font-size: 22px; color: #c0392b; } .blog-header h1 { font-size: 2.2rem; font-weight: 700; color: #8b1a1a; letter-spacing: 1px; } .blog-header h1 i { color: #d4a017; margin: 0 6px; } .blog-header .subtitle { font-size: 1.05rem; color: #7a4a2a; margin-top: 8px; font-weight: 500; } .blog-header .subtitle i { color: #b8860b; } .meta-badge { display: inline-block; background: #c0392b; color: #fff; padding: 4px 18px; border-radius: 30px; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.5px; margin-top: 12px; } .tags { display: flex; justify-content: center; gap: 0.8rem; flex-wrap: wrap; margin-top: 0.8rem; } .tags span { display: inline-block; background: #f8ede4; color: #8b1a1a; font-size: 0.7rem; font-weight: 600; padding: 0.15rem 1rem; border-radius: 30px; border: 1px solid #e6d3c4; letter-spacing: 0.3px; } /* ---------- Progress Area ---------- */ .progress-area { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.6rem; flex-wrap: wrap; background: #f8ede4; padding: 0.4rem 1rem; border-radius: 60px; border: 1px solid #e6d3c4; } .progress-track { flex: 1; min-width: 80px; height: 8px; background: #e6d3c4; border-radius: 20px; overflow: hidden; } .progress-fill { height: 100%; width: 0%; background: linear-gradient(90deg, #c0392b, #d4a017); border-radius: 20px; transition: width 0.4s ease; } .q-counter { font-weight: 600; font-size: 0.85rem; color: #5a3a28; background: #f8ede4; padding: 0.15rem 1rem; border-radius: 30px; white-space: nowrap; border: 1px solid #e6d3c4; } .score-badge { font-weight: 600; font-size: 0.85rem; color: #1e7e34; background: #e6f5ea; padding: 0.15rem 1rem; border-radius: 30px; white-space: nowrap; border: 1px solid #b8d9b8; } /* ---------- Question Card ---------- */ .question-card { background: #fffcf8; border-radius: 20px; padding: 22px 28px 28px; margin-bottom: 1.2rem; border: 1px solid #ecdccc; box-shadow: 0 4px 12px rgba(180, 110, 60, 0.06); transition: 0.2s; } .question-card:hover { border-color: #dbbca4; } .question-text { font-size: 1.05rem; font-weight: 500; line-height: 1.7; color: #1f130b; margin-bottom: 1.4rem; } .question-text .q-num { display: inline-block; background: #8b1a1a; color: #fff; font-weight: 700; font-size: 0.7rem; padding: 0.05rem 0.8rem; border-radius: 30px; margin-right: 0.6rem; vertical-align: middle; } .question-text .q-tag { display: inline-block; background: #f8ede4; color: #8b1a1a; font-size: 0.65rem; font-weight: 600; padding: 0.05rem 0.7rem; border-radius: 30px; margin-left: 0.4rem; vertical-align: middle; border: 1px solid #e6d3c4; } /* ---------- Options ---------- */ .options { display: flex; flex-direction: column; gap: 0.5rem; } .option { display: flex; align-items: flex-start; gap: 0.8rem; padding: 0.6rem 1.2rem; background: #fcf6f0; border: 1.5px solid #e6d3c4; border-radius: 14px; cursor: pointer; transition: all 0.15s ease; font-size: 0.95rem; line-height: 1.5; color: #2d1b0e; } .option:hover { border-color: #dbbca4; background: #f5e8dd; } .option.selected { border-color: #c0392b; background: #fce9e4; box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.12); } .option.correct-reveal { border-color: #1e7e34; background: #e6f5ea; } .option.wrong-reveal { border-color: #b22222; background: #fce4e4; } .option input[type="radio"] { margin-top: 0.15rem; accent-color: #c0392b; width: 17px; height: 17px; flex-shrink: 0; cursor: pointer; } .option .opt-label { font-weight: 700; color: #7a4a2a; margin-right: 0.15rem; } .option .opt-text { color: #2d1b0e; } /* ---------- Feedback ---------- */ .feedback { margin-top: 1.2rem; padding: 0.8rem 1.2rem; border-radius: 12px; font-weight: 500; font-size: 0.95rem; display: none; } .feedback.correct { display: block; background: #e6f5ea; color: #0b5a2e; border-left: 5px solid #1e7e34; } .feedback.wrong { display: block; background: #fce4e4; color: #8a2a2a; border-left: 5px solid #b22222; } .feedback .correct-answer { font-weight: 600; color: #0b5a2e; } /* ---------- Navigation ---------- */ .nav-area { display: flex; justify-content: space-between; align-items: center; gap: 0.7rem; flex-wrap: wrap; margin-top: 0.3rem; } .nav-area button { padding: 0.6rem 1.5rem; border: none; border-radius: 40px; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: all 0.2s; display: inline-flex; align-items: center; gap: 0.4rem; flex: 1 1 auto; justify-content: center; min-width: 70px; } .nav-area button:hover:not(:disabled) { transform: translateY(-2px); } .nav-area button:disabled { opacity: 0.4; cursor: not-allowed; transform: none; } .nav-area .btn-prev { background: #f8ede4; color: #5a3a28; border: 1.5px solid #e6d3c4; } .nav-area .btn-prev:hover:not(:disabled) { background: #f0ddd0; } .nav-area .btn-primary { background: #8b1a1a; color: #fff; } .nav-area .btn-primary:hover:not(:disabled) { background: #6a1414; } .nav-area .btn-success { background: #1e7e34; color: #fff; } .nav-area .btn-success:hover:not(:disabled) { background: #16602a; } .nav-area .btn-outline { background: transparent; border: 1.5px solid #dbbca4; color: #5a3a28; } .nav-area .btn-outline:hover:not(:disabled) { background: #f5e8dd; } /* ---------- Results ---------- */ .results { display: none; text-align: center; padding: 2rem 1rem; } .results .big-score { font-size: 4rem; font-weight: 800; color: #8b1a1a; line-height: 1.1; } .results .big-score span { font-size: 1.6rem; font-weight: 500; color: #7a5a3a; } .results .sub-text { color: #5a3a28; font-size: 1.05rem; margin: 0.5rem 0 1.6rem; } .results .stat-grid { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin: 1.6rem 0; } .results .stat-item { background: #f8ede4; padding: 0.7rem 1.8rem; border-radius: 40px; font-weight: 500; color: #5a3a28; border: 1px solid #e6d3c4; } .results .stat-item .num { font-weight: 700; font-size: 1.2rem; } .results .stat-item.green .num { color: #1e7e34; } .results .stat-item.red .num { color: #b22222; } .results .stat-item.blue .num { color: #0b5e7c; } .results .btn-restart { background: #8b1a1a; color: #fff; border: none; padding: 0.75rem 2.8rem; border-radius: 40px; font-weight: 600; font-size: 1rem; cursor: pointer; transition: 0.2s; margin-top: 0.3rem; } .results .btn-restart:hover { background: #6a1414; transform: translateY(-2px); } /* ---------- Footer ---------- */ .footer { margin-top: 40px; text-align: center; color: #7a5a3a; font-size: 0.9rem; border-top: 1px solid #ecdccc; padding-top: 25px; } .footer i { color: #c0392b; } /* ---------- Responsive ---------- */ @media (max-width: 680px) { .container { padding: 18px 16px 32px; } .blog-header h1 { font-size: 1.6rem; } .question-text { font-size: 0.98rem; } .option { font-size: 0.88rem; padding: 0.5rem 0.9rem; } .nav-area button { padding: 0.45rem 0.9rem; font-size: 0.8rem; flex: 1 1 40%; } .progress-area { padding: 0.3rem 0.7rem; gap: 0.4rem; } .q-counter, .score-badge { font-size: 0.75rem; padding: 0.1rem 0.6rem; } .results .big-score { font-size: 3rem; } .results .stat-grid { gap: 0.8rem; } .results .stat-item { padding: 0.4rem 1rem; font-size: 0.85rem; } .tags span { font-size: 0.6rem; padding: 0.1rem 0.7rem; } } @media (max-width: 450px) { .blog-header h1 { font-size: 1.3rem; } .container { padding: 12px 10px 24px; } .nav-area button { flex: 1 1 100%; } .option { font-size: 0.82rem; padding: 0.4rem 0.7rem; } .question-text { font-size: 0.92rem; } .question-card { padding: 16px 16px 20px; } } /* ---------- Print ---------- */ @media print { .nav-area button, .btn-restart { display: none; } .option input[type="radio"] { accent-color: #1e7e34; } .feedback { display: block !important; } .progress-area { break-inside: avoid; } .container { box-shadow: none; border: 1px solid #ddd; } } Home › Quiz › 50 MCQs Practice 50 MCQs Practice Computer Science & Rajasthan GK · RPSC · REET · CET · Patwari · SI · LDC 25 CS · 25 Rajasthan GK · Interactive Quiz 💻 Computer Science 🏛️ Rajasthan GK 📚 50 Questions 1 / 50 ✅ 0 Previous Reset Next 0 / 50 Keep practicing! ✅ Correct 0 ❌ Wrong 0 ⏭ Skipped 0 Start Over 50 MCQs • CS & Rajasthan GK • RPSC · REET · CET · Patwari · SI · LDC (function() { // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ // DATA – 50 questions (25 CS + 25 Rajasthan) // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ const questions = [{ id: 1, tag: '💻 CS', text: '[KVS PGT C.S. 2018] Which register holds the current instruction being executed by the CPU?', options: [ 'Program Counter (PC)', 'Instruction Register (IR)', 'Memory Address Register (MAR)', 'Memory Buffer Register (MBR)' ], answer: 1 }, { id: 2, tag: '💻 CS', text: '[Bihar STET C.S. 2020] Which topology requires a multipoint connection?', options: [ 'Mesh', 'Star', 'Bus', 'Ring' ], answer: 2 }, { id: 3, tag: '💻 CS', text: '[Bihar STET C.S. 2020] Transmission media are usually categorized as:', options: [ 'Fixed or unfixed', 'Guided or unguided', 'Deterministic or probabilistic', 'Metallic or nonmetallic' ], answer: 1 }, { id: 4, tag: '💻 CS', text: '[KVS PGT C.S. 2013] Which operator cannot be overloaded in C++?', options: [ '`+`', '`==`', '`::` (Scope Resolution)', '`[]`' ], answer: 2 }, { id: 5, tag: '💻 CS', text: '[DSSSB TGT C.S. 2021] Which normal form deals with removing Transitive Dependency in DBMS?', options: [ '1NF', '2NF', '3NF', 'BCNF' ], answer: 2 }, { id: 6, tag: '💻 CS', text: '[Bihar STET C.S. 2020] Which data structure is best suited for implementing a FIFO (First-In, First-Out) order?', options: [ 'Stack', 'Queue', 'Tree', 'Graph' ], answer: 1 }, { id: 7, tag: '💻 CS', text: '[LT. Grade C.S. 2018] Which C function is used to dynamically allocate memory and initialize all bytes to zero?', options: [ '`malloc()`', '`calloc()`', '`realloc()`', '`free()`' ], answer: 1 }, { id: 8, tag: '💻 CS', text: 'In an operating system, a process state transition from Running to Ready occurs due to:', options: [ 'Time quantum expiry / Interrupt', 'I/O completion', 'Process termination', 'I/O request' ], answer: 0 }, { id: 9, tag: '💻 CS', text: 'What is the worst-case time complexity of Quick Sort?', options: [ '$O(n \\log n)$', '$O(n^2)$', '$O(n)$', '$O(\\log n)$' ], answer: 1 }, { id: 10, tag: '💻 CS', text: 'In relational algebra, which operator projects specific columns from a relation?', options: [ 'Selection ($\\sigma$)', 'Projection ($\\pi$)', 'Cartesian Product ($\\times$)', 'Union ($\\cup$)' ], answer: 1 }, { id: 11, tag: '💻 CS', text: 'Which HTML tag is used to create a numbered (ordered) list?', options: [ '``', '``', '``', '``' ], answer: 0 }, { id: 12, tag: '💻 CS', text: 'In Challenge-Response authentication, the verifier sends a random value known as a:', options: [ 'Private Key', 'Nonce / Challenge', 'Digital Signature', 'Public Certificate' ], answer: 1 }, { id: 13, tag: '💻 CS', text: 'Which memory placement algorithm allocates the smallest free block that is sufficient for a process?', options: [ 'First Fit', 'Best Fit', 'Worst Fit', 'Next Fit' ], answer: 1 }, { id: 14, tag: '💻 CS', text: 'In standard IEEE 754 single-precision floating-point format, how many bits are used for the exponent?', options: [ '1 bit', '8 bits', '23 bits', '32 bits' ], answer: 1 }, { id: 15, tag: '💻 CS', text: 'Which gate produces a HIGH ($1$) output only when an ODD number of inputs are HIGH ($1$)?', options: [ 'AND', 'OR', 'XOR', 'NOR' ], answer: 2 }, { id: 16, tag: '💻 CS', text: 'In the OSI model, which layer manages session checkpoints and synchronization?', options: [ 'Transport Layer', 'Session Layer', 'Presentation Layer', 'Application Layer' ], answer: 1 }, { id: 17, tag: '💻 CS', text: 'In SQL, which clause is used to sort the result set in descending order?', options: [ '`ORDER BY col ASC`', '`ORDER BY col DESC`', '`GROUP BY col DESC`', '`SORT BY col DOWN`' ], answer: 1 }, { id: 18, tag: '💻 CS', text: 'In C, what is the default initial value of a static global variable?', options: [ 'Garbage value', '0', '1', 'Null pointer' ], answer: 1 }, { id: 19, tag: '💻 CS', text: 'Which scheduling algorithm can cause the "Convoy Effect"?', options: [ 'First-Come, First-Served (FCFS)', 'Shortest Job First (SJF)', 'Round Robin', 'Priority Scheduling' ], answer: 0 }, { id: 20, tag: '💻 CS', text: 'Which network protocol uses port 22 by default for secure remote access?', options: [ 'FTP', 'SSH', 'Telnet', 'HTTP' ], answer: 1 }, { id: 21, tag: '💻 CS', text: 'In DBMS, ACID properties stand for:', options: [ 'Atomicity, Consistency, Isolation, Durability', 'Availability, Consistency, Integrity, Durability', 'Atomicity, Concurrency, Isolation, Dependability', 'Access, Control, Integrity, Data' ], answer: 0 }, { id: 22, tag: '💻 CS', text: 'What is the number of address lines required to address 4 KB of memory?', options: [ '10', '12', '14', '16' ], answer: 1 }, { id: 23, tag: '💻 CS', text: 'In dynamic memory allocation, `free(ptr)` does what?', options: [ 'Deletes the pointer `ptr` itself', 'Deallocates the memory block pointed to by `ptr`', 'Sets `ptr` value to `NULL` automatically', 'Clears the entire RAM' ], answer: 1 }, { id: 24, tag: '💻 CS', text: 'A page fault occurs when:', options: [ 'A page is corrupted in RAM', 'The requested page is not in main memory', 'Two processes access the same page', 'Memory access violates permissions' ], answer: 1 }, { id: 25, tag: '💻 CS', text: 'In Python, which built-in function returns a list of keys in a dictionary?', options: [ '`dict.values()`', '`dict.keys()`', '`dict.items()`', '`dict.get()`' ], answer: 1 }, { id: 26, tag: '🏛️ Rajasthan', text: '[RPSC Asst. Prof. 2023] 1857 ई. के विद्रोह के समय राजपूताना की छह ब्रिटिश छावनियों में से कौन सी सबसे शक्तिशाली थी?', options: [ 'नसीराबाद', 'एरिनपुरा', 'नीमच', 'खैरवाड़ा' ], answer: 0 }, { id: 27, tag: '🏛️ Rajasthan', text: '[RPSC Asst. Prof. 2023] बिजोलियां के किसानों ने किसे महाराणा से मिलने के लिए उदयपुर भेजा था?', options: [ 'हीरालाल और तेज सिंह', 'नानजी पटेल और ठाकरी पटेल', 'सीतारामदास और हीरालाल', 'ब्रह्मदेव और फतहकरण चारण' ], answer: 1 }, { id: 28, tag: '🏛️ Rajasthan', text: '[RPSC Sr. Teacher 2022] 1857 की क्रांति के समय टोंक का नवाब कौन था?', options: [ 'सिराजुद्दौला', 'मीर आलम', 'वजीरूद्दौला', 'जहानखां' ], answer: 2 }, { id: 29, tag: '🏛️ Rajasthan', text: '[RSMSSB CET 2024] राणा सांगा की मृत्यु के पश्चात् मेवाड़ का शासक कौन बना?', options: [ 'राणा उदय सिंह', 'राणा अमर सिंह', 'राणा विक्रमादित्य', 'राणा रत्न सिंह' ], answer: 3 }, { id: 30, tag: '🏛️ Rajasthan', text: '[RPSC Local Self Gov. 2022] किस राठौड़ शासक ने मंडोर पर कब्जा कर उसे अपनी राजधानी बनाया?', options: [ 'राणा हम्मीर', 'राव चुंडा', 'राव मालदेव', 'राव चंद्रसेन' ], answer: 1 }, { id: 31, tag: '🏛️ Rajasthan', text: 'केसरीसिंह बारहठ की ‘‘चेतावनी रा चूंगटिया’’ से प्रभावित होकर किस महाराणा ने दिल्ली दरबार यात्रा रद्द कर दी थी?', options: [ 'महाराणा फतहसिंह', 'महाराणा प्रतापसिंह', 'महाराणा श्यामसिंह', 'महाराणा जयसिंह' ], answer: 0 }, { id: 32, tag: '🏛️ Rajasthan', text: 'राजस्थान में 1857 की क्रांति की शुरुआत सबसे पहले किस स्थान और तिथि से हुई?', options: [ 'नीमच (3 जून 1857)', 'एरिनपुरा (21 अगस्त 1857)', 'नसीराबाद (28 मई 1857)', 'आउवा (8 सितंबर 1857)' ], answer: 2 }, { id: 33, tag: '🏛️ Rajasthan', text: '\'चेतावनी रा चूंगटिया\' में कुल कितने सोरठे थे?', options: [ '10', '12', '13', '15' ], answer: 2 }, { id: 34, tag: '🏛️ Rajasthan', text: '\'राजस्थान सेवा संघ\' का स्थानांतरण वर्धा से अजमेर किस वर्ष हुआ?', options: [ '1919', '1920', '1921', '1922' ], answer: 1 }, { id: 35, tag: '🏛️ Rajasthan', text: 'बिजोलिया किसान आंदोलन कुल कितने वर्षों तक चला?', options: [ '40 वर्ष', '44 वर्ष (1897-1941)', '50 वर्ष', '30 वर्ष' ], answer: 1 }, { id: 36, tag: '🏛️ Rajasthan', text: '\'वागड़ के गांधी\' के नाम से किसे जाना जाता है?', options: [ 'हरिदेव जोशी', 'भोगीलाल पांड्या', 'गोकुलभाई भट्ट', 'माणिक्य लाल वर्मा' ], answer: 1 }, { id: 37, tag: '🏛️ Rajasthan', text: '\'राजस्थान का गांधी\' किसे कहा जाता है?', options: [ 'गोकुलभाई भट्ट', 'जयनारायण व्यास', 'जमनालाल बजाज', 'विजय सिंह पथिक' ], answer: 0 }, { id: 38, tag: '🏛️ Rajasthan', text: 'राजस्थान एकीकरण के प्रथम चरण (मत्स्य संघ) का उद्घाटन किस तिथि को हुआ?', options: [ '18 मार्च 1948', '25 मार्च 1948', '18 अप्रैल 1948', '30 मार्च 1949' ], answer: 0 }, { id: 39, tag: '🏛️ Rajasthan', text: 'मत्स्य संघ के राजप्रमुख कौन बनाए गए थे?', options: [ 'महाराजराणा उदयभान सिंह (धौलपुर)', 'महाराजा गणेशपाल (करौली)', 'महाराजा तेजसिंह (अलवर)', 'महाराजा मानसिंह द्वितीय (जयपुर)' ], answer: 0 }, { id: 40, tag: '🏛️ Rajasthan', text: 'भवाई लोकनाट्य के प्रणेता/प्रवर्तक किसे माना जाता है?', options: [ 'बाघाजी (नागौर)', 'लच्छीराम', 'नानूराम', 'गोपीजी भट्ट' ], answer: 0 }, { id: 41, tag: '🏛️ Rajasthan', text: 'शेखावाटी ख्याल के प्रमुख लोक कलाकार कौन थे?', options: [ 'दुलिया राणा और नानूराम', 'लच्छीराम और उगमराज', 'गोपीजी और वासुदेव', 'अलीबख्श' ], answer: 0 }, { id: 42, tag: '🏛️ Rajasthan', text: 'कमायचा वाद्य यंत्र में मुख्य रूप से कितने तार होते हैं?', options: [ '27', '16', '9', '12' ], answer: 1 }, { id: 43, tag: '🏛️ Rajasthan', text: 'भपंग वाद्य यंत्र किस क्षेत्र में अत्यधिक लोकप्रिय है?', options: [ 'मेवात क्षेत्र (अलवर-भरतपुर)', 'मारवाड़ क्षेत्र', 'मेवाड़ क्षेत्र', 'हाड़ौती क्षेत्र' ], answer: 0 }, { id: 44, tag: '🏛️ Rajasthan', text: 'मारवाड़ में \'दामणी\' क्या है?', options: [ 'ओढ़नी का एक प्रकार', 'कलात्मक जूतियाँ', 'एक लोकगीत', 'सिंचाई का साधन' ], answer: 0 }, { id: 45, tag: '🏛️ Rajasthan', text: 'प्रसिद्ध लोक नृत्यांगना \'गुलाबो\' किस नृत्य से संबंधित हैं?', options: [ 'कालबेलिया नृत्य', 'चरी नृत्य', 'घूमर', 'भवाई नृत्य' ], answer: 0 }, { id: 46, tag: '🏛️ Rajasthan', text: '\'अग्नि नृत्य\' का संबंध किस संप्रदाय से है?', options: [ 'जसनाथी संप्रदाय', 'बिश्नोई संप्रदाय', 'दादू पंथ', 'रामस्नेही संप्रदाय' ], answer: 0 }, { id: 47, tag: '🏛️ Rajasthan', text: '\'गवरी\' लोकनाट्य मुख्य रूप से किस जनजाति द्वारा किया जाता है?', options: [ 'भील', 'गरासिया', 'मीणा', 'सहरिया' ], answer: 0 }, { id: 48, tag: '🏛️ Rajasthan', text: 'खाटूश्यामजी का प्रसिद्ध मेला किस जिले में आयोजित होता है?', options: [ 'सीकर', 'झुंझुनूं', 'चूरू', 'जयपुर' ], answer: 0 }, { id: 49, tag: '🏛️ Rajasthan', text: '\'लांगुरिया\' गीत किस देवी के मंदिर में गाया जाता है?', options: [ 'कैला देवी (करौली)', 'जीण माता', 'शीला देवी', 'शाकंभरी देवी' ], answer: 0 }, { id: 50, tag: '🏛️ Rajasthan', text: 'लोक देवता पाबूजी का मुख्य पूजा स्थल कहाँ स्थित है?', options: [ 'कोलू मण्ड (फलोदी)', 'ददरेवा', 'गोगामेड़ी', 'खड़नाल' ], answer: 0 }]; // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ // APP STATE // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ const state = { current: 0, answers: new Array(questions.length).fill(null), revealed: new Array(questions.length).fill(false), score: 0, finished: false }; // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ // DOM REFS // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ const $ = (id) => document.getElementById(id); const questionText = $('questionText'); const optionsContainer = $('optionsContainer'); const feedback = $('feedback'); const prevBtn = $('prevBtn'); const nextBtn = $('nextBtn'); const resetBtn = $('resetBtn'); const restartBtn = $('restartBtn'); const progressFill = $('progressFill'); const qCounter = $('qCounter'); const scoreBadge = $('scoreBadge'); const questionContainer = $('questionContainer'); const resultsContainer = $('resultsContainer'); const finalScore = $('finalScore'); const finalMessage = $('finalMessage'); const correctCount = $('correctCount'); const wrongCount = $('wrongCount'); const skippedCount = $('skippedCount'); // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ // RENDER // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ function render() { if (state.finished) { showResults(); return; } const q = questions[state.current]; const idx = state.current; const selected = state.answers[idx]; const revealed = state.revealed[idx]; // Question text with tag const tagEmoji = q.tag || '📝'; questionText.innerHTML = ` Q${idx+1} ${tagEmoji} ${q.text.replace(/\n/g, '')} `; // Options optionsContainer.innerHTML = ''; const labels = ['A', 'B', 'C', 'D']; q.options.forEach((opt, i) => { const div = document.createElement('div'); div.className = 'option'; if (selected === i) div.classList.add('selected'); if (revealed) { if (i === q.answer) div.classList.add('correct-reveal'); else if (selected === i && selected !== q.answer) div.classList.add('wrong-reveal'); } const radio = document.createElement('input'); radio.type = 'radio'; radio.name = 'question'; radio.value = i; radio.checked = (selected === i); radio.disabled = revealed; radio.addEventListener('change', () => selectOption(i)); const labelSpan = document.createElement('span'); labelSpan.className = 'opt-label'; labelSpan.textContent = labels[i] + '.'; const textSpan = document.createElement('span'); textSpan.className = 'opt-text'; textSpan.textContent = opt; div.appendChild(radio); div.appendChild(labelSpan); div.appendChild(textSpan); optionsContainer.appendChild(div); }); // Feedback if (revealed) { const isCorrect = (selected === q.answer); feedback.className = `feedback ${isCorrect ? 'correct' : 'wrong'}`; feedback.innerHTML = isCorrect ? '✅ Correct!' : `❌ Wrong. Correct answer: ${labels[q.answer]}. ${q.options[q.answer]}`; feedback.style.display = 'block'; } else { feedback.style.display = 'none'; } // Progress const total = questions.length; const answered = state.answers.filter(a => a !== null).length; progressFill.style.width = `${(answered / total) * 100}%`; qCounter.textContent = `${idx+1} / ${total}`; // Score const correct = state.answers.reduce((acc, ans, i) => { return acc + (ans !== null && ans === questions[i].answer ? 1 : 0); }, 0); state.score = correct; scoreBadge.textContent = `✅ ${correct}`; // Buttons prevBtn.disabled = (idx === 0); const isLast = (idx === total - 1); nextBtn.innerHTML = isLast ? '📊 Finish' : 'Next '; nextBtn.className = isLast ? 'btn-success' : 'btn-primary'; // Scroll to top of card document.querySelector('.question-card').scrollIntoView({ behavior: 'smooth', block: 'nearest' }); } // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ // ACTIONS // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ function selectOption(index) { if (state.finished) return; const idx = state.current; if (state.revealed[idx]) return; state.answers[idx] = index; render(); } function goPrev() { if (state.current > 0) { state.current--; render(); } } function goNext() { const idx = state.current; const total = questions.length; // If not revealed, auto-reveal if (!state.revealed[idx] && state.answers[idx] !== null) { state.revealed[idx] = true; render(); return; } // If at last and answered, finish if (idx === total - 1) { if (state.answers[idx] !== null && !state.revealed[idx]) { state.revealed[idx] = true; render(); return; } finishQuiz(); return; } // Move to next if (idx < total - 1) { state.current++; render(); } } function finishQuiz() { for (let i = 0; i < questions.length; i++) { if (state.answers[i] !== null && !state.revealed[i]) { state.revealed[i] = true; } } state.finished = true; render(); } function showResults() { questionContainer.style.display = 'none'; resultsContainer.style.display = 'block'; const total = questions.length; const correct = state.answers.reduce((acc, ans, i) => { return acc + (ans !== null && ans === questions[i].answer ? 1 : 0); }, 0); const wrong = state.answers.reduce((acc, ans, i) => { return acc + (ans !== null && ans !== questions[i].answer ? 1 : 0); }, 0); const skipped = total - correct - wrong; finalScore.innerHTML = `${correct} / ${total}`; correctCount.textContent = correct; wrongCount.textContent = wrong; skippedCount.textContent = skipped; const pct = Math.round((correct / total) * 100); let msg = ''; if (pct >= 90) msg = '🏆 Excellent! You\'re a quiz master!'; else if (pct >= 70) msg = '🌟 Great job! Keep learning!'; else if (pct >= 50) msg = '📖 Good effort! Review the topics you missed.'; else msg = '💪 Keep practicing — you\'ll get better!'; finalMessage.textContent = msg; progressFill.style.width = '100%'; qCounter.textContent = `${total} / ${total}`; scoreBadge.textContent = `✅ ${correct}`; } function resetQuiz() { state.current = 0; state.answers.fill(null); state.revealed.fill(false); state.finished = false; state.score = 0; questionContainer.style.display = 'block'; resultsContainer.style.display = 'none'; render(); } // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ // EVENT BINDING // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ prevBtn.addEventListener('click', goPrev); nextBtn.addEventListener('click', goNext); resetBtn.addEventListener('click', resetQuiz); restartBtn.addEventListener('click', resetQuiz); // Keyboard shortcuts document.addEventListener('keydown', (e) => { if (e.target.tagName === 'INPUT') return; if (e.key === 'ArrowRight' || e.key === 'Enter') { e.preventDefault(); if (!state.finished) goNext(); } if (e.key === 'ArrowLeft') { e.preventDefault(); if (!state.finished) goPrev(); } if (e.key === 'r' || e.key === 'R') { resetQuiz(); } }); // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ // INIT // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ render(); })();

You might also like