<!-- 
        // For senior welder
    
        //     { q: "When same after doing work in the cylinder passes to condenser, the engine is said to be:", options: ["Slow speed engine", "Condensing steam engine"], answer: 1 },
        //     { q: "Steam engines are:", options: ["External combustion engine", "Internal combustion engine"], answer: 1 },
        //     { q: "What is the difference between steam engine and automotive engine?", options: ["Automotive engines use liquid & steam uses vapor", "All of the above"], answer: 1 },
        //     { q: "Which of the following is not an internal combustion engine?", options: ["2-stroke petrol engine", "Gas turbine"], answer: 1 },
        //     { q: "A series of operations which restores the initial conditions at end is known as:", options: ["Irreversible cycle", "Reversible cycle"], answer: 1 },
        //     { q: "In two stroke engine, power is generated on:", options: ["Half revolution", "One revolution of crankshaft"], answer: 1 },
        //     { q: "Which of the following part is not present in diesel engine?", options: ["Oil ring", "Spark plug"], answer: 1 },
        //     { q: "In a four stroke cycle engine, the sequence of operation is:", options: ["Expansion, compression, suction and exhaust", "Suction, compression, expansion and exhaust"], answer: 1 },
        //     { q: "Combustion is said to take place in an automotive engine when:", options: ["Minimum", "TDC"], answer: 1 },
        //     { q: "The purpose of a crosshead in steam engine is to:", options: ["Transmit linear motion into angular motion", "Provide sealing at the end of cylinder"], answer: 1 },
        //     { q: "A 5 BHP engine running at full load would consume diesel in the order of:", options: ["5 kg/hr", "1 litre/hr"], answer: 1 },
        //     { q: "The camshaft of a 4-stroke I.C. engine running at 1500 rpm will run at:", options: ["3000 rpm", "750 rpm"], answer: 1 },
        //     { q: "A diesel engine is also known as:", options: ["Spark ignition engine", "Compression ignition engine"], answer: 1 },
        //     { q: "For the same power, a two-stroke cycle engine occupies:", options: ["More", "Less"], answer: 1 },
        //     { q: "A two-stroke cycle engine uses the fuel:", options: ["Steam only", "Petrol and air only"], answer: 1 },
        //     { q: "Break horse power is equal to:", options: ["Total power produced - Frictional power", "Net IHP - Frictional Horse Power"], answer: 1 },
        //     { q: "The four operations in 4-stroke engine are completed in how many crankshaft revolutions?", options: ["1", "2"], answer: 1 },
        //     { q: "In four-stroke engine, which stroke is known as power stroke?", options: ["Compression stroke", "Expansion stroke"], answer: 1 },
        //     { q: "The compression ratio for diesel engine usually lies in the range of:", options: ["6–10", "15–25"], answer: 1 },
        //     { q: "Presence of water in the engine oil sump means:", options: ["Water in the fuel system", "Damaged head gasket of the engine"], answer: 1 },
        //     { q: "The petrol engines are also known as:", options: ["Steam engine", "Spark Ignition (SI) engine"], answer: 1 },
        //     { q: "The stroke of an engine is the:", options: ["Volume of the cylinder", "Distance between TDC and BDC"], answer: 1 },
        //     { q: "Maximum oil pressure in the lubrication system is controlled by:", options: ["Oil filter", "Pressure relief valve"], answer: 1 },
        //     { q: "Compression rings of automotive engines are generally made of:", options: ["High carbon steel", "Cast iron and steel"], answer: 1 },
        //     { q: "The carbon from the cylinder head of an engine is removed with:", options: ["Soap", "Scraper"], answer: 1 },
        //     { q: "पिस्टनमा लाग्ने Compression ring को Gap मापन गर्न कुन उपकरण प्रयोग गरिन्छ?", options: ["भर्ने गेज", "फिलर गेज"], answer: 1 },
        //     { q: "Cylinder Head को Compression Test गर्ने उपकरण कुन हो?", options: ["हाइड्रोस्टेटर", "कम्प्रेसर"], answer: 1 },
        //     { q: "The primary function of a catalytic converter is:", options: ["Reduce noise of engine", "Burns the remaining hydrocarbon and carbon monoxide that pass in exhaust"], answer: 1 },
        //     { q: "Exhaust emission produced by motorcycles consists of:", options: ["Carbon monoxide", "Hydrocarbon"], answer: 1 },
        //     { q: "For the same power, a two-stroke cycle engine occupies:", options: ["More floor area", "Less floor area"], answer: 1 },
        //     { q: "Two-stroke cycle engines use fuel:", options: ["Both A and B", "Petrol and air only"], answer: 1 },
        //     { q: "Break horse power is equal to:", options: ["Total power - frictional horse power", "Net IHP + frictional horse power"], answer: 1 },
        //     { q: "The four operations (suction, compression, expansion, exhaust) in 4-stroke engines are completed in:", options: ["4 revolutions", "2 revolutions of the crankshaft"], answer: 1 },
        //     { q: "In four-stroke engines, the power stroke is also known as:", options: ["Expansion stroke", "Exhaust stroke"], answer: 1 },
        //     { q: "Which of the following is not an external combustion heat engine?", options: ["Steam engine", "Stirling Engine"], answer: 1 },
        //     { q: "The engine in which combustion of fuel takes place inside cylinder:", options: ["External combustion engine", "Internal combustion engine"], answer: 1 },
        //     { q: "The compression ratio of diesel engine:", options: ["10 to 12", "16 to 20"], answer: 1 },
        //     { q: "Otto cycle is also known as:", options: ["Constant pressure cycle", "Constant volume cycle"], answer: 1 },
        //     { q: "Diesel engine theoretically operates on:", options: ["Constant volume cycle", "Constant pressure cycle"], answer: 1 },
        //     { q: "एक स्ट्रोक डिजेलमा १ पटक साइलिन्डरमा कति पटक इन्धनको मिश्रण थिचेर पठाइन्छ?", options: ["२ पटक", "१ पटक"], answer: 1 },
        //     { q: "The advantage of the fuel injection system over the carburetor system is:", options: ["Improved power output", "All of the above"], answer: 1 },
        //     { q: "The carburetor supplies …… into the engine cylinder.", options: ["Air", "Air fuel mixture"], answer: 1 },
        //     { q: "तलमध्ये कुन Fuel System मा पर्दछ?", options: ["Fuel injector", "Carburetor"], answer: 1 },
        //     { q: "In which of the following fuel injector is used?", options: ["Spark-ignition engines", "Compression-ignition engines"], answer: 1 },
        //     { q: "मोटरसाइकल बट्री पोजिटिभ जडान कुन टर्मिनल जोडिन्छ?", options: ["-ve", "+ve"], answer: 1 },
        //     { q: "The following is considered as best antifreeze solution:", options: ["Methanol", "Ethylene glycol"], answer: 1 },
        //     { q: "Car engine are usually ……", options: ["Single cylinder type", "Four cylinder in-line type"], answer: 1 },
        //     { q: "Section: ignition, expansion, and exhaust stroke takes place in:", options: ["Petrol engine", "Four stroke petrol engine"], answer: 1 },
        //     { q: "No spark plug is required in:", options: ["Two stroke petrol engine", "Diesel engine"], answer: 1 },
        //     { q: "Modern diesel engines work on:", options: ["Otto cycle", "Dual cycle"], answer: 1 },
        //     { q: "How many Power Projects constructions are being undertaken by the construction directorate of NEA at present?", options: ["2", "3"], answer: 1 },
        //     { q: "Large Hydro power plant under construction in Nepal:", options: ["Chilime", "Upper Tamakoshi"], answer: 1 },
        //     { q: "Compression ratio is the:", options: ["Swept volume to clearance volume", "Total volume to clearance volume"], answer: 1 },
        //     { q: "Mixing of fuel and air in case of diesel engine occurs in:", options: ["Inlet manifold", "Engine cylinder"], answer: 1 },
        //     { q: "इन्जिनको मुख्य काम के हो?", options: ["ब्याट्रीमा रिचार्ज गर्ने", "इन्धनको ऊर्जालाई यान्त्रिक ऊर्जामा बदल्ने"], answer: 1 },
        //     { q: "In which of the following fuel injector is used?", options: ["Steam engine", "Compression-ignition engines"], answer: 1 },
        //     { q: "The advantage of the fuel injection system over the carburetor system is", options: ["improved emission", "all of the above"], answer: 1 },
        //     { q: "The carburetor supplies …… into the engine cylinder.", options: ["fuel", "air fuel mixture"], answer: 1 },
        //     { q: "निम्नमध्ये कुन Fuel System मा पर्दैन?", options: ["Injection pump", "Oil filter"], answer: 1 },
        //     { q: "If engine starts but stalls on idle, problem may be", options: ["fuel low in tank", ""], answer: 1 },
        //     { q: "Car engine are usually", options: ["single cylinder type", "four cylinder in-line type"], answer: 1 },
        //     { q: "फ्युल इन्जेक्सन प्रणालीमा इन्धन इन्जिन सिलिन्डरमा पुर्‍याउने कार्य कसले गर्छ?", options: ["पम्प", "इन्जेक्टर"], answer: 1 },
        //     { q: "गाडी स्टार्ट गर्नका लागि सबैभन्दा उपयुक्त सिजन कुन हो?", options: ["हिउँद", "गर्मी"], answer: 1 },
        //     { q: "In a four stroke cycle petrol engine during suction stroke:", options: ["Only air is sucked in", "Mixture of petrol and air is sucked in"], answer: 1 },
        //     { q: "The fuel injection timing in a distributor type pump is controlled by:", options: ["Changing plunger stroke", "Rotating the cam ring"], answer: 1 },
        //     { q: "Which of the following is indication of problem in fuel injection pump?", options: ["Difficulty starting", "All of the above"], answer: 1 },
        //     { q: "Fuel injection system is the system which injects fuel into the combustion chambers of a diesel engine when the piston reaches near:", options: ["Top dead center", "In between top dead center and bottom dead center"], answer: 1 },
        //     { q: "In petrol engine, fuel is admitted at the:", options: ["Beginning of compression stroke", "Beginning of suction stroke"], answer: 1 },
        //     { q: "Internal combustion engine valves are grinded mostly in:", options: ["Plane grinding machines", "Centre less grinding machines"], answer: 1 },
        //     { q: "Machine parts like cylinders, piston rings, valves, crank shaft, connecting rod, governors, indicators etc. are related to:", options: ["Petrol engine", "Steam engine"], answer: 1 },
        //     { q: "Otto cycle is related to:", options: ["Diesel engine", "Petrol engine"], answer: 1 },
        //     { q: "Air is compressed to a high pressure, fuel is injected at a temperature above ignition point which burns nearly at constant pressure. Such cycle is called:", options: ["Otto cycle", "Diesel cycle"], answer: 1 },
        //     { q: "If four-cylinder engine has capacity of 2.0 liter, what is swept volume of a single cylinder?", options: ["800 cc", "500 cc"], answer: 1 },
        //     { q: "Diesel engine has been classified as:", options: ["Reciprocating external combustion engine", "Reciprocating internal combustion engine"], answer: 1 },
        //     { q: "Compared to the life of a spark plug of a two-stroke engine, the spark plug life of a four-stroke engine is approximately:", options: ["Half", "Twice"], answer: 1 },
        //     { q: "The secondary dry-type filter element of an engine of excavator is cleaned:", options: ["Directing compressed air nozzle to outer surface of element", "It is not cleaned but only changed as required"], answer: 1 },
        //     { q: "Which one is the ideal cycle?", options: ["Otto", "Carnot"], answer: 1 },
        //     { q: "In a 4-stroke I.C. engine, which stroke is considered working or power stroke?", options: ["Compression stroke", "Expansion stroke"], answer: 1 },
        //     { q: "The air fuel ratio of petrol engine is controlled by:", options: ["Governor", "Carburetor"], answer: 1 },
        //     { q: "पेट्रोल इन्जिनको भाग होइन:", options: ["Air filter", "Fuel injector"], answer: 1 },
        //     { q: "गाडी स्टार्ट नहुने कारण के हुनसक्छ?", options: ["इन्धन सकिनु", "एयर फिल्टर सफा नगरेको"], answer: 1 },
        // ]; -->
   <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>IC Engines & Steam MCQ Quiz</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            background: linear-gradient(135deg, #e0e7ff, #c3dafe);
            min-height: 100vh;
            padding: 2rem;
            line-height: 1.6;
        }

        .quiz-container {
            max-width: 900px;
            margin: 0 auto;
            background: white;
            border-radius: 16px;
            padding: 2rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        h1 {
            text-align: center;
            color: #1e3a8a;
            margin-bottom: 2rem;
            font-size: 2.5rem;
            font-weight: 700;
        }

        .progress-bar {
            background: #e5e7eb;
            height: 8px;
            border-radius: 4px;
            overflow: hidden;
            margin-bottom: 2rem;
        }

        .progress {
            background: #3b82f6;
            height: 100%;
            width: 0;
            transition: width 0.3s ease;
        }

        .quiz-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
            padding: 1rem;
            background: #f8fafc;
            border-radius: 8px;
        }

        .timer {
            font-size: 1.2rem;
            font-weight: 600;
            color: #1e3a8a;
        }

        .question {
            margin-bottom: 2rem;
            padding: 1.5rem;
            background: #f8fafc;
            border-radius: 12px;
            transition: transform 0.2s ease;
        }

        .question:hover {
            transform: translateY(-2px);
        }

        .question p {
            font-size: 1.2rem;
            font-weight: 600;
            color: #1e3a8a;
            margin-bottom: 1rem;
        }

        .options button {
            display: block;
            width: 100%;
            padding: 1rem;
            margin: 0.5rem 0;
            background: #ffffff;
            border: 2px solid #e5e7eb;
            border-radius: 8px;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: left;
            color: #374151;
        }

        .options button:hover:not(:disabled) {
            background: #f3f4f6;
            border-color: #3b82f6;
            transform: translateX(4px);
        }

        .options button.correct {
            background: #bbf7d0;
            border-color: #22c55e;
            color: #166534;
        }

        .options button.wrong {
            background: #fecaca;
            border-color: #ef4444;
            color: #991b1b;
        }

        .options button:disabled {
            cursor: not-allowed;
            opacity: 0.7;
        }

        .explanation {
            display: none;
            margin-top: 1rem;
            padding: 1rem;
            background: #eff6ff;
            border-radius: 8px;
            color: #1e3a8a;
            font-size: 0.95rem;
        }

        .score-container {
            text-align: center;
            margin-top: 2rem;
            padding: 1.5rem;
            background: #f8fafc;
            border-radius: 12px;
        }

        .score {
            font-size: 1.5rem;
            font-weight: 700;
            color: #1e3a8a;
        }

        .results-btn {
            display: none;
            margin: 1rem auto;
            padding: 0.75rem 2rem;
            background: #3b82f6;
            color: white;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-size: 1rem;
            transition: background 0.3s ease;
        }

        .results-btn:hover {
            background: #2563eb;
        }

        @media (max-width: 600px) {
            body {
                padding: 1rem;
            }

            .quiz-container {
                padding: 1rem;
            }

            h1 {
                font-size: 1.8rem;
            }

            .question p {
                font-size: 1rem;
            }

            .options button {
                font-size: 0.9rem;
                padding: 0.8rem;
            }
        }
    </style>
</head>
<body> 
    
       <!-- === REUSABLE HEADER - Matches your WordPress site 100% (desktop + mobile hamburger) === -->
<header style="background: linear-gradient(135deg, #6a1b9a 0%, #9c27b0 100%); color: white; padding: 1rem 0; position: sticky; top: 0; z-index: 1000; box-shadow: 0 4px 15px rgba(0,0,0,0.2); font-family: 'Inter', system-ui, sans-serif;">
  <div style="max-width: 1600px; margin: 0 auto; padding: 0 1.5rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
    
    <!-- Logo -->
    <a href="https://techpsc.com/" style="display: flex; align-items: center; text-decoration: none;">
      <img src="https://techpsc.com/wp-content/uploads/2026/01/cropped-Screenshot-2026-01-11-at-20.34.08-237x69.png" 
           alt="TECHCHPSC" 
           style="height: 50px; width: auto;">
    </a>

    <!-- Hamburger Button (only on mobile) -->
    <button id="menu-toggle" style="background: none; border: none; color: white; font-size: 2.2rem; cursor: pointer; display: none;">
      ☰
    </button>

    <!-- Navigation Menu -->
    <nav id="main-nav" style="display: flex; gap: 1.8rem; flex-wrap: wrap; justify-content: center; align-items: right; transition: all 0.4s ease;">
      <a href="https://techpsc.com/" style="color: white; text-decoration: none; font-weight: 500; transition: color 0.3s;">Home</a>
      <a href="https://techpsc.com/mechanical/" style="color: white; text-decoration: none; font-weight: 500; transition: color 0.3s;">Mechanical</a>
      <a href="https://techpsc.com/electrical/" style="color: white; text-decoration: none; font-weight: 500; transition: color 0.3s;">Electrical</a>
      <a href="https://techpsc.com/civil/" style="color: white; text-decoration: none; font-weight: 500; transition: color 0.3s;">Civil</a>
      <a href="https://techpsc.com/about-us/" style="color: white; text-decoration: none; font-weight: 500; transition: color 0.3s;">About Us</a>
      <a href="https://techpsc.com/contact/" style="color: white; text-decoration: none; font-weight: 500; transition: color 0.3s;">Contact</a>
      <a href="https://techpsc.com/privacy-policy/" style="color: white; text-decoration: none; font-weight: 600; transition: color 0.3s;">Privacy Policy</a>
    </nav>

    <!-- Facebook Icon -->
    <a href="https://facebook.com/techpscnepal" target="_blank" style="color: white; font-size: 1.8rem; transition: transform 0.3s;">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
        <path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.294h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/>
      </svg>
    </a>
  </div>
</header>

<!-- Push content down so nothing hides under sticky header -->
<div style="height: 90px;"></div>

<!-- Hamburger Toggle Script (mobile only) -->
<script>
  const toggle = document.getElementById('menu-toggle');
  const nav = document.getElementById('main-nav');

  function checkScreen() {
    if (window.innerWidth <= 900) {
      toggle.style.display = 'block';
      nav.style.display = 'none';
      nav.style.flexDirection = 'column';
      nav.style.position = 'absolute';
      nav.style.top = '100%';
      nav.style.left = '0';
      nav.style.width = '100%';
      nav.style.background = 'rgba(106, 27, 154, 0.95)';
      nav.style.padding = '1rem';
      nav.style.gap = '1.2rem';
    } else {
      toggle.style.display = 'none';
      nav.style.display = 'flex';
      nav.style.position = 'static';
      nav.style.background = 'none';
      nav.style.padding = '0';
      nav.style.width = 'auto';
    }
  }

  toggle.addEventListener('click', () => {
    nav.style.display = (nav.style.display === 'none' || nav.style.display === '') ? 'flex' : 'none';
  });

  window.addEventListener('resize', checkScreen);
  window.addEventListener('load', checkScreen);
  checkScreen();
</script>


<!-- Tiny JS for Hamburger Toggle (mobile only) -->
<script>
  const toggle = document.getElementById('menu-toggle');
  const nav = document.getElementById('main-nav');

  // Show/hide hamburger on resize
  function checkScreenSize() {
    if (window.innerWidth <= 900) {
      toggle.style.display = 'block';
      nav.style.display = 'none'; // hidden by default on mobile
      nav.style.flexDirection = 'column';
      nav.style.position = 'absolute';
      nav.style.top = '100%';
      nav.style.left = '0';
      nav.style.width = '100%';
      nav.style.background = 'rgba(106, 27, 154, 0.95)';
      nav.style.padding = '1rem';
      nav.style.gap = '1.2rem';
    } else {
      toggle.style.display = 'none';
      nav.style.display = 'flex';
      nav.style.position = 'static';
      nav.style.background = 'none';
      nav.style.padding = '0';
      nav.style.width = 'auto';
    }
  }

  // Toggle menu on click
  toggle.addEventListener('click', () => {
    if (nav.style.display === 'none' || nav.style.display === '') {
      nav.style.display = 'flex';
    } else {
      nav.style.display = 'none';
    }
  });

  // Run on load + resize
  window.addEventListener('resize', checkScreenSize);
  window.addEventListener('load', checkScreenSize);
  checkScreenSize(); // initial call
</script>


    <h1>IC Engines & Steam MCQ Quiz</h1>
    <div class="quiz-container">
        <div class="quiz-header">
            <div class="timer" id="timer">Time: 00:00</div>
            <div class="score" id="current-score">Score: 0/40</div>
        </div>
        <div class="progress-bar">
            <div class="progress" id="progress"></div>
        </div>
        <div id="quiz"></div>
        <div class="score-container">
            <div class="score" id="score"></div>
            <button class="results-btn" id="results-btn">View Results</button>
        </div>
    </div>

    <script>


  const questions = [
  // Two Stroke and Four Stroke Engines (12 MCQs)
  {
    q: "In a two-stroke engine, power is generated on:",
    options: ["Half revolution", "One revolution of crankshaft", "Two revolutions", "Every stroke"],
    answer: 1,
    explanation: "A two-stroke engine generates power once per crankshaft revolution, as it completes the cycle in one revolution."
  },
  {
    q: "In a four-stroke cycle engine, the sequence of operation is:",
    options: ["Expansion, compression, suction, exhaust", "Suction, compression, expansion, exhaust", "Compression, suction, exhaust, expansion", "Suction, exhaust, compression, expansion"],
    answer: 1,
    explanation: "The four-stroke cycle follows suction (intake), compression, expansion (power), and exhaust in that order."
  },
  {
    q: "The four operations in a 4-stroke engine are completed in how many crankshaft revolutions?",
    options: ["1", "2", "3", "4"],
    answer: 1,
    explanation: "A four-stroke engine completes its cycle (suction, compression, expansion, exhaust) in two crankshaft revolutions."
  },
  {
    q: "In a four-stroke engine, which stroke is known as the power stroke?",
    options: ["Compression stroke", "Expansion stroke", "Suction stroke", "Exhaust stroke"],
    answer: 1,
    explanation: "The expansion stroke, where combustion drives the piston, is the power stroke in a four-stroke engine."
  },
  {
    q: "For the same power, a two-stroke cycle engine occupies:",
    options: ["More space", "Less space", "Same space", "Double the space"],
    answer: 1,
    explanation: "Two-stroke engines are more compact for the same power due to their simpler design and fewer moving parts."
  },
  {
    q: "A two-stroke cycle engine uses the fuel:",
    options: ["Steam only", "Petrol and air only", "Diesel only", "Petrol or diesel mixed with oil"],
    answer: 3,
    explanation: "Two-stroke engines typically use a petrol or diesel mixture with oil for lubrication, as they lack a separate oil sump."
  },
  {
    q: "The four operations (suction, compression, expansion, exhaust) in 4-stroke engines are completed in:",
    options: ["4 revolutions", "2 revolutions of the crankshaft", "1 revolution", "3 revolutions"],
    answer: 1,
    explanation: "A four-stroke engine completes its cycle in two crankshaft revolutions."
  },
  {
    q: "In four-stroke engines, the power stroke is also known as:",
    options: ["Exhaust stroke", "Expansion stroke", "Compression stroke", "Suction stroke"],
    answer: 1,
    explanation: "The power stroke, where combustion occurs, is also called the expansion stroke."
  },
  {
    q: "Suction, ignition, expansion, and exhaust strokes take place in:",
    options: ["Petrol engine", "Four-stroke petrol engine", "Two-stroke diesel engine", "Steam engine"],
    answer: 1,
    explanation: "These strokes occur specifically in a four-stroke petrol engine, which uses spark ignition."
  },
  {
    q: "Compared to the life of a spark plug in a two-stroke engine, the spark plug life of a four-stroke engine is approximately:",
    options: ["Half", "Twice", "Same", "Quarter"],
    answer: 1,
    explanation: "Four-stroke engines fire spark plugs once every two revolutions, doubling their life compared to two-stroke engines."
  },
  {
    q: "Otto cycle is related to:",
    options: ["Diesel engine", "Petrol engine", "Steam engine", "Gas turbine"],
    answer: 1,
    explanation: "The Otto cycle is the thermodynamic cycle used in petrol (spark-ignition) engines."
  },
  {
    q: "Air is compressed to a high pressure, fuel is injected at a temperature above ignition point which burns nearly at constant pressure. Such cycle is called:",
    options: ["Otto cycle", "Diesel cycle", "Carnot cycle", "Rankine cycle"],
    answer: 1,
    explanation: "The Diesel cycle involves compression-ignition and fuel burning at near-constant pressure."
  },

  // Main Parts of Engine and Its Functions (9 MCQs)
  {
    q: "Which of the following part is not present in a diesel engine?",
    options: ["Oil ring", "Spark plug", "Piston", "Fuel injector"],
    answer: 1,
    explanation: "Diesel engines use compression ignition, not spark plugs, which are found in petrol engines."
  },
  {
    q: "The camshaft of a 4-stroke I.C. engine running at 1500 rpm will run at:",
    options: ["3000 rpm", "750 rpm", "1500 rpm", "1000 rpm"],
    answer: 1,
    explanation: "The camshaft runs at half the crankshaft speed in a 4-stroke engine, so 1500 rpm ÷ 2 = 750 rpm."
  },
  {
    q: "The stroke of an engine is the:",
    options: ["Volume of the cylinder", "Distance between TDC and BDC", "Piston diameter", "Compression ratio"],
    answer: 1,
    explanation: "Stroke is the distance the piston travels between Top Dead Center (TDC) and Bottom Dead Center (BDC)."
  },
  {
    q: "Compression rings of automotive engines are generally made of:",
    options: ["High carbon steel", "Cast iron and steel", "Aluminum", "Brass"],
    answer: 1,
    explanation: "Compression rings are typically made of cast iron or steel for durability and heat resistance."
  },
  {
    q: "Compression ratio is the:",
    options: ["Swept volume to clearance volume", "Total volume to clearance volume", "Swept volume to total volume", "Clearance volume to swept volume"],
    answer: 1,
    explanation: "Compression ratio is the ratio of total volume (swept + clearance) to clearance volume."
  },
  {
    q: "If a four-cylinder engine has a capacity of 2.0 liters, what is the swept volume of a single cylinder?",
    options: ["800 cc", "500 cc", "1000 cc", "400 cc"],
    answer: 1,
    explanation: "2.0 liters = 2000 cc ÷ 4 cylinders = 500 cc per cylinder."
  },
  {
    q: "पिस्टनमा लाग्ने Compression ring को Gap मापन गर्न कुन उपकरण प्रयोग गरिन्छ? (Which tool is used to measure the gap of a compression ring on a piston?)",
    options: ["Vernier caliper", "Feeler gauge", "Micrometer", "Dial gauge"],
    answer: 1,
    explanation: "फिलर गेजले कम्प्रेसन रिङको ग्याप मापन गर्छ। (A feeler gauge measures the gap of a compression ring.)"
  },
  {
    q: "Cylinder Head को Compression Test गर्ने उपकरण कुन हो? (Which tool is used for a compression test on a cylinder head?)",
    options: ["Hydrometer", "Compression tester", "Multimeter", "Torque wrench"],
    answer: 1,
    explanation: "कम्प्रेसन टेस्टरले सिलिन्डरको चाप जाँच गर्छ। (A compression tester measures cylinder compression.)"
  },
  {
    q: "Machine parts like cylinders, piston rings, valves, crankshaft, connecting rod, governors, indicators, etc. are related to:",
    options: ["Petrol engine", "Steam engine", "Electric motor", "Hydraulic pump"],
    answer: 0,
    explanation: "These components are integral to internal combustion engines, such as petrol engines."
  },

  // Identification of Symptoms for Engine Overhaul (3 MCQs)
  {
    q: "Presence of water in the engine oil sump means:",
    options: ["Water in the fuel system", "Damaged head gasket", "Clogged air filter", "Faulty oil pump"],
    answer: 1,
    explanation: "A damaged head gasket allows coolant to leak into the oil sump, causing water contamination."
  },
  {
    q: "The primary function of a catalytic converter is:",
    options: ["Reduce engine noise", "Burn remaining hydrocarbon and carbon monoxide in exhaust", "Increase fuel efficiency", "Cool exhaust gases"],
    answer: 1,
    explanation: "Catalytic converters reduce emissions by converting harmful hydrocarbons and carbon monoxide into less harmful gases."
  },
  {
    q: "Exhaust emission produced by motorcycles consists of:",
    options: ["Carbon monoxide", "Hydrocarbon", "Nitrogen oxides", "All of the above"],
    answer: 3,
    explanation: "Motorcycle exhaust contains carbon monoxide, hydrocarbons, and nitrogen oxides, contributing to pollution."
  },

  // Troubleshooting and Maintenance of I.C. Engine (10 MCQs)
  {
    q: "Maximum oil pressure in the lubrication system is controlled by:",
    options: ["Oil filter", "Pressure relief valve", "Oil pump", "Crankshaft"],
    answer: 1,
    explanation: "The pressure relief valve regulates maximum oil pressure to prevent damage to the lubrication system."
  },
  {
    q: "The carbon from the cylinder head of an engine is removed with:",
    options: ["Soap", "Scraper", "Water jet", "Sandpaper"],
    answer: 1,
    explanation: "A scraper is used to remove carbon deposits from the cylinder head during maintenance."
  },
  {
    q: "The advantage of the fuel injection system over the carburetor system is:",
    options: ["Improved power output", "Better fuel efficiency", "Precise fuel delivery", "All of the above"],
    answer: 3,
    explanation: "Fuel injection systems offer better efficiency, precise delivery, and improved power compared to carburetors."
  },
  {
    q: "The carburetor supplies …… into the engine cylinder.",
    options: ["Air", "Air-fuel mixture", "Fuel only", "Coolant"],
    answer: 1,
    explanation: "The carburetor mixes air and fuel in the correct ratio and supplies it to the engine cylinder."
  },
  {
    q: "In which of the following is a fuel injector used?",
    options: ["Spark-ignition engines", "Compression-ignition engines", "Steam engines", "Electric engines"],
    answer: 1,
    explanation: "Fuel injectors are used in compression-ignition (diesel) engines for precise fuel delivery."
  },
  {
    q: "Which of the following is an indication of a problem in the fuel injection pump?",
    options: ["Difficulty starting", "Excessive smoke", "Reduced power", "All of the above"],
    answer: 3,
    explanation: "A faulty fuel injection pump can cause difficulty starting, excessive smoke, and reduced power."
  },
  {
    q: "The fuel injection timing in a distributor-type pump is controlled by:",
    options: ["Changing plunger stroke", "Rotating the cam ring", "Adjusting nozzle size", "Varying fuel pressure"],
    answer: 1,
    explanation: "Rotating the cam ring adjusts the timing of fuel injection in a distributor-type pump."
  },
  {
    q: "The secondary dry-type filter element of an engine of an excavator is cleaned:",
    options: ["With compressed air on the outer surface", "It is not cleaned but only changed as required", "By washing with water", "By brushing with a soft brush"],
    answer: 1,
    explanation: "Secondary dry-type filters are not cleaned; they are replaced when clogged to ensure engine protection."
  },
  {
    q: "गाडी स्टार्ट नहुने कारण के हुनसक्छ? (What could cause a vehicle not to start?)",
    options: ["इन्धन सकिनु (No fuel)", "एयर फिल्टर सफा नगरेको (Dirty air filter)", "टायरको कम चाप (Low tire pressure)", "रेडिएटरमा पानीको कमी (Low radiator water)"],
    answer: 0,
    explanation: "इन्धनको अभावले गाडी स्टार्ट हुँदैन। (Lack of fuel is a common reason for a vehicle not starting.)"
  },
  {
    q: "The following is considered as the best antifreeze solution:",
    options: ["Methanol", "Ethylene glycol", "Distilled water", "Glycerine"],
    answer: 1,
    explanation: "Ethylene glycol is the preferred antifreeze due to its effective freeze-point depression and heat transfer properties."
  },

  // Additional Questions
  {
    q: "Suction, compression, expansion, and exhaust strokes take place in:",
    options: ["Steam engine", "Diesel engine", "Electric motor", "Gas turbine"],
    answer: 1,
    explanation: "These strokes occur in a four-stroke diesel engine, completing the combustion cycle."
  },
  {
    q: "Suction, compression, exhaust strokes happen in:",
    options: ["Steam engine", "Petrol engine", "Electric motor", "Hybrid engine"],
    answer: 1,
    explanation: "Suction, compression, and exhaust strokes are part of the four-stroke cycle in a petrol engine."
  },
  {
    q: "The two basic types of internal combustion engines are:",
    options: ["Piston and reciprocating", "Reciprocating and rotary", "Diesel and steam", "Petrol and electric"],
    answer: 1,
    explanation: "Internal combustion engines are classified as reciprocating (e.g., piston engines) and rotary (e.g., Wankel engines)."
  },
  {
    q: "The constant volume cycle is also called:",
    options: ["Carnot cycle", "Otto cycle", "Rankine cycle", "Joule cycle"],
    answer: 1,
    explanation: "The Otto cycle, used in petrol engines, is a constant volume cycle where combustion occurs at constant volume."
  },
  {
    q: "The expression which does not give the efficiency of the Otto cycle is:",
    options: ["Temperature after compression", "Temperature before expansion", "Compression ratio", "Heat rejection"],
    answer: 1,
    explanation: "Otto cycle efficiency depends on compression ratio, not specifically the temperature before expansion."
  },
  {
    q: "Otto cycle is also known as:",
    options: ["Constant pressure cycle", "Constant volume cycle", "Adiabatic cycle", "Isothermal cycle"],
    answer: 1,
    explanation: "The Otto cycle is a constant volume cycle, as combustion occurs at constant volume in petrol engines."
  },
  {
    q: "Diesel engine operates on:",
    options: ["Constant volume cycle", "Constant pressure cycle", "Constant temperature cycle", "Adiabatic cycle"],
    answer: 1,
    explanation: "Diesel engines operate on the Diesel cycle, where combustion occurs at near-constant pressure."
  },
  {
    q: "Two constant volume + two adiabatic processes = ?",
    options: ["Joule cycle", "Otto cycle", "Carnot cycle", "Rankine cycle"],
    answer: 1,
    explanation: "The Otto cycle consists of two constant volume processes (heat addition/rejection) and two adiabatic processes (compression/expansion)."
  },
  {
    q: "At TDC, volume above piston is:",
    options: ["Compression ratio", "Clearance volume", "Swept volume", "Total volume"],
    answer: 1,
    explanation: "At Top Dead Center (TDC), the volume above the piston is the clearance volume."
  },
  {
    q: "Compression ratio of a diesel engine:",
    options: ["10 to 15", "16 to 20", "5 to 8", "25 to 30"],
    answer: 1,
    explanation: "Diesel engines typically have a compression ratio of 16:1 to 20:1 for efficient compression ignition."
  },
  {
    q: "Compression ratio definition:",
    options: ["Swept volume / cylinder volume", "Volume before / after compression", "Clearance volume / total volume", "Swept volume / clearance volume"],
    answer: 1,
    explanation: "Compression ratio is the total volume before compression divided by the volume after compression (clearance volume)."
  },
  {
    q: "As octane number increases, knocking tendency of a petrol engine:",
    options: ["Increases", "Decreases", "Remains same", "Fluctuates"],
    answer: 1,
    explanation: "Higher octane numbers reduce the knocking tendency in petrol engines by improving fuel stability."
  },
  {
    q: "As temperature of an I.C. engine increases, efficiency will:",
    options: ["Decrease", "Increase", "Remain constant", "Fluctuate"],
    answer: 1,
    explanation: "Higher operating temperatures improve thermal efficiency in I.C. engines, up to a limit."
  },
  {
    q: "Specific fuel consumption is defined as:",
    options: ["Fuel consumption per BHP", "Fuel consumption per hour", "Fuel consumption per kilometer", "Fuel consumption per liter"],
    answer: 0,
    explanation: "Specific fuel consumption is the fuel used per unit of brake horsepower produced."
  },
  {
    q: "Chemically correct air-fuel ratio is:",
    options: ["7:1", "15:1", "10:1", "20:1"],
    answer: 1,
    explanation: "The chemically correct (stoichiometric) air-fuel ratio for petrol engines is approximately 15:1 by mass."
  },
  {
    q: "Nepal Vehicle Mass Emission Standard 2069 is equivalent to:",
    options: ["ISO 9001", "Euro III", "Bharat Stage II", "EPA Tier 1"],
    answer: 1,
    explanation: "Nepal Vehicle Mass Emission Standard 2069 aligns with Euro III emission norms for vehicles."
  }
];
        function shuffle(array) {
            for (let i = array.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [array[i], array[j]] = [array[j], array[i]];
            }
            return array;
        }

        const quizContainer = document.getElementById('quiz');
        const scoreContainer = document.getElementById('score');
        const currentScore = document.getElementById('current-score');
        const progressBar = document.getElementById('progress');
        const timerDisplay = document.getElementById('timer');
        const resultsBtn = document.getElementById('results-btn');
        let score = 0;
        let answeredQuestions = 0;
        let timeElapsed = 0;
        let timerInterval;

        function startTimer() {
            timerInterval = setInterval(() => {
                timeElapsed++;
                const minutes = Math.floor(timeElapsed / 60).toString().padStart(2, '0');
                const seconds = (timeElapsed % 60).toString().padStart(2, '0');
                timerDisplay.textContent = `Time: ${minutes}:${seconds}`;
            }, 1000);
        }

        function updateProgress() {
            const progressPercentage = (answeredQuestions / questions.length) * 100;
            progressBar.style.width = `${progressPercentage}%`;
        }

        function showResults() {
            quizContainer.style.display = 'none';
            scoreContainer.textContent = `Final Score: ${score} out of ${questions.length} (${((score / questions.length) * 100).toFixed(2)}%)`;
            resultsBtn.style.display = 'block';
            resultsBtn.onclick = () => {
                quizContainer.style.display = 'block';
                scoreContainer.textContent = '';
                resultsBtn.style.display = 'none';
                window.scrollTo({ top: 0, behavior: 'smooth' });
            };
            clearInterval(timerInterval);
        }

        questions.forEach((q, i) => {
            const div = document.createElement('div');
            div.classList.add('question');
            div.innerHTML = `<p>${i + 1}. ${q.q}</p>`;

            const optsDiv = document.createElement('div');
            optsDiv.classList.add('options');

            const explanationDiv = document.createElement('div');
            explanationDiv.classList.add('explanation');
            explanationDiv.textContent = q.explanation;

            const shuffled = shuffle(q.options.map((opt, index) => ({ text: opt, isCorrect: index === q.answer })));

            shuffled.forEach(({ text, isCorrect }) => {
                const btn = document.createElement('button');
                btn.textContent = text;
                btn.onclick = () => {
                    if (btn.classList.contains('correct') || btn.classList.contains('wrong')) return;
                    answeredQuestions++;
                    updateProgress();
                    currentScore.textContent = `Score: ${score}/${questions.length}`;

                    if (isCorrect) {
                        btn.classList.add('correct');
                        score++;
                        currentScore.textContent = `Score: ${score}/${questions.length}`;
                    } else {
                        btn.classList.add('wrong');
                        optsDiv.querySelectorAll('button').forEach(b => {
                            if (b.textContent === shuffled.find(o => o.isCorrect).text) {
                                b.classList.add('correct');
                            }
                        });
                    }

                    optsDiv.querySelectorAll('button').forEach(b => b.disabled = true);
                    explanationDiv.style.display = 'block';

                    if (answeredQuestions === questions.length) {
                        showResults();
                    }
                };
                optsDiv.appendChild(btn);
            });

            div.appendChild(optsDiv);
            div.appendChild(explanationDiv);
            quizContainer.appendChild(div);
        });

        startTimer();
    </script>
</body>
</html>