FPFF Exit Exam Questions: SET 1

max-width: 600px; margin: auto; background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: none; } .question-container.active { display: block; } .question-container h2 { font-size: 24px; } .answers { list-style: none; padding: 0; } .answers li { margin: 10px 0; } .answers li input { display: none; } .answers li label { display: block; padding: 10px; background-color: #f4f4f4; border-radius: 5px; cursor: pointer; border: 1px solid transparent; transition: background-color 0.3s, border 0.3s; } .answers li.correct label { background-color: #d4edda; border-color: #28a745; color: #155724; } .answers li.incorrect label { background-color: #f8d7da; border-color: #dc3545; color: #721c24; } .buttons { display: flex; justify-content: space-between; margin-top: 20px; } .buttons button { padding: 10px 20px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } .buttons button:hover { background-color: #0056b3; } </style>

<div id="q2" class="question-container">
    <h2>Question 2: The galley on your cargo vessel has an area of 2900 square feet, what will fulfil the requirements for fire protection?</h2>
    <ul class="answers">
        <li><input type="radio" id="q2a" name="q2"><label for="q2a">A) One B-I extinguisher</label></li>
        <li><input type="radio" id="q2b" name="q2"><label for="q2b">B) One B-II extinguisher</label></li>
        <li><input type="radio" id="q2c" name="q2" data-correct="true"><label for="q2c">C) One B-II and one C-II extinguisher</label></li>
        <li><input type="radio" id="q2d" name="q2"><label for="q2d">D) One B-V extinguisher</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q3" class="question-container">
    <h2>Question 3: The most likely location for a liquid cargo fire to occur on a tanker would be?</h2>
    <ul class="answers">
        <li><input type="radio" id="q3a" name="q3"><label for="q3a">A) In the midships house</label></li>
        <li><input type="radio" id="q3b" name="q3"><label for="q3b">B) At the main deck manifold</label></li>
        <li><input type="radio" id="q3c" name="q3"><label for="q3c">C) At the vent header</label></li>
        <li><input type="radio" id="q3d" name="q3" data-correct="true"><label for="q3d">D) In the pump room</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q4" class="question-container">
    <h2>Question 4: Fire triangle fill-up the blanks</h2>
    <ul class="answers">
        <li><input type="radio" id="q4a" name="q4"><label for="q4a">A) Fuel</label></li>
        <li><input type="radio" id="q4b" name="q4"><label for="q4b">B) Oxygen</label></li>
        <li><input type="radio" id="q4c" name="q4"><label for="q4c">C) Heat</label></li>
        <li><input type="radio" id="q4d" name="q4" data-correct="true"><label for="q4d">D) All of Above</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q5" class="question-container">
    <h2>Question 5: What kind of foam used in engine room?</h2>
    <ul class="answers">
        <li><input type="radio" id="q5a" name="q5"><label for="q5a">A) 1:500</label></li>
        <li><input type="radio" id="q5b" name="q5" data-correct="true"><label for="q5b">B) 1:1000</label></li>
        <li><input type="radio" id="q5c" name="q5"><label for="q5c">C) 1:200</label></li>
        <li><input type="radio" id="q5d" name="q5"><label for="q5d">D) 1:100</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q6" class="question-container">
    <h2>Question 6: Dry Chemical Powder Extinguisher System is?</h2>
    <ul class="answers">
        <li><input type="radio" id="q6a" name="q6"><label for="q6a">A) Smothering</label></li>
        <li><input type="radio" id="q6b" name="q6" data-correct="true"><label for="q6b">B) Flame Inhibitor</label></li>
        <li><input type="radio" id="q6c" name="q6"><label for="q6c">C) Fire Retardant</label></li>
        <li><input type="radio" id="q6d" name="q6"><label for="q6d">D) None of Above</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q7" class="question-container">
    <h2>Question 7: Fire Plan Location is?</h2>
    <ul class="answers">
        <li><input type="radio" id="q7a" name="q7"><label for="q7a">A) Bridge</label></li>
        <li><input type="radio" id="q7b" name="q7"><label for="q7b">B) Port and STBD side entrance</label></li>
        <li><input type="radio" id="q7c" name="q7"><label for="q7c">C) Midships</label></li>
        <li><input type="radio" id="q7d" name="q7" data-correct="true"><label for="q7d">D) All of the above</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q8" class="question-container">
    <h2>Question 8: Class A Fire Extinguisher is best used on?</h2>
    <ul class="answers">
        <li><input type="radio" id="q8a" name="q8"><label for="q8a">A) Liquids</label></li>
        <li><input type="radio" id="q8b" name="q8" data-correct="true"><label for="q8b">B) Solids</label></li>
        <li><input type="radio" id="q8c" name="q8"><label for="q8c">C) Gas</label></li>
        <li><input type="radio" id="q8d" name="q8"><label for="q8d">D) Metals</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q9" class="question-container">
    <h2>Question 9: What is the length of Fireman Life Line?</h2>
    <ul class="answers">
        <li><input type="radio" id="q9a" name="q9"><label for="q9a">A) 15 M</label></li>
        <li><input type="radio" id="q9b" name="q9"><label for="q9b">B) 20 M</label></li>
        <li><input type="radio" id="q9c" name="q9" data-correct="true"><label for="q9c">C) 30 M</label></li>
        <li><input type="radio" id="q9d" name="q9"><label for="q9d">D) 40 M</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q10" class="question-container">
    <h2>Question 10: Which type of Extinguisher is danger to recharge onboard?</h2>
    <ul class="answers">
        <li><input type="radio" id="q10a" name="q10"><label for="q10a">A) DCP</label></li>
        <li><input type="radio" id="q10b" name="q10" data-correct="true"><label for="q10b">B) CO2</label></li>
        <li><input type="radio" id="q10c" name="q10"><label for="q10c">C) FOAM</label></li>
        <li><input type="radio" id="q10d" name="q10"><label for="q10d">D) None of Above</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q12" class="question-container">
    <h2>Question 12: Full form of AFFF is "AQUEOUS FILM FORMING FOAM"</h2>
    <ul class="answers">
        <li><input type="radio" id="q12a" name="q12" data-correct="true"><label for="q12a">A) True</label></li>
        <li><input type="radio" id="q12b" name="q12"><label for="q12b">B) False</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q13" class="question-container">
    <h2>Question 13: Heat removal how it stops FIRE?</h2>
    <ul class="answers">
        <li><input type="radio" id="q13a" name="q13" data-correct="true"><label for="q13a">A) Cooling</label></li>
        <li><input type="radio" id="q13b" name="q13"><label for="q13b">B) Inhibition</label></li>
        <li><input type="radio" id="q13c" name="q13"><label for="q13c">C) Starvation</label></li>
        <li><input type="radio" id="q13d" name="q13"><label for="q13d">D) Smothering</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q16" class="question-container">
    <h2>Question 16: What is the duration of EEBD?</h2>
    <ul class="answers">
        <li><input type="radio" id="q16a" name="q16"><label for="q16a">A) 5 Min.</label></li>
        <li><input type="radio" id="q16b" name="q16"><label for="q16b">B) 8 Min.</label></li>
        <li><input type="radio" id="q16c" name="q16" data-correct="true"><label for="q16c">C) 10 Min.</label></li>
        <li><input type="radio" id="q16d" name="q16"><label for="q16d">D) 12 Min.</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q17" class="question-container">
    <h2>Question 17: Proper use of Fire Extinguisher "PASS"?</h2>
    <ul class="answers">
        <li><input type="radio" id="q17a" name="q17" data-correct="true"><label for="q17a">A) Pull, Aim, Squeeze, Sweep</label></li>
        <li><input type="radio" id="q17b" name="q17"><label for="q17b">B) Pass, Aim, Shut, Sit</label></li>
        <li><input type="radio" id="q17c" name="q17"><label for="q17c">C) Pass, At, Sure, Speed</label></li>
        <li><input type="radio" id="q17d" name="q17"><label for="q17d">D) Pass, Aim, Squeeze, Sweep</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q18" class="question-container">
    <h2>Question 18: The visible range of Hand Flare in night time?</h2>
    <ul class="answers">
        <li><input type="radio" id="q18a" name="q18" data-correct="true"><label for="q18a">A) 10 NM</label></li>
        <li><input type="radio" id="q18b" name="q18"><label for="q18b">B) 25 NM</label></li>
        <li><input type="radio" id="q18c" name="q18"><label for="q18c">C) 30 NM</label></li>
        <li><input type="radio" id="q18d" name="q18"><label for="q18d">D) 40 NM</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q19" class="question-container">
    <h2>Question 19: Practicable how often shall Rescue Boats to be launched with their assigned crew and Maneuvered in Water?</h2>
    <ul class="answers">
        <li><input type="radio" id="q19a" name="q19"><label for="q19a">A) Every Week</label></li>
        <li><input type="radio" id="q19b" name="q19"><label for="q19b">B) Every Month</label></li>
        <li><input type="radio" id="q19c" name="q19" data-correct="true"><label for="q19c">C) Once in Three Month</label></li>
        <li><input type="radio" id="q19d" name="q19"><label for="q19d">D) Every Year</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q20" class="question-container">
    <h2>Question 20: Automatic CO2 release system is for which spaces?</h2>
    <ul class="answers">
        <li><input type="radio" id="q20a" name="q20"><label for="q20a">A) Bridge</label></li>
        <li><input type="radio" id="q20b" name="q20"><label for="q20b">B) Main Deck</label></li>
        <li><input type="radio" id="q20c" name="q20"><label for="q20c">C) Engine Room</label></li>
        <li><input type="radio" id="q20d" name="q20" data-correct="true"><label for="q20d">D) None of Above</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q21" class="question-container">
    <h2>Question 21: In which language FIRE CONTROL PLAN is written Onboard?</h2>
    <ul class="answers">
        <li><input type="radio" id="q21a" name="q21"><label for="q21a">A) Russian</label></li>
        <li><input type="radio" id="q21b" name="q21"><label for="q21b">B) Spanish</label></li>
        <li><input type="radio" id="q21c" name="q21" data-correct="true"><label for="q21c">C) English</label></li>
        <li><input type="radio" id="q21d" name="q21"><label for="q21d">D) French</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q22" class="question-container">
    <h2>Question 22: Class-C Fire Extinguisher is best used on?</h2>
    <ul class="answers">
        <li><input type="radio" id="q22a" name="q22"><label for="q22a">A) Solid</label></li>
        <li><input type="radio" id="q22b" name="q22"><label for="q22b">B) Metal</label></li>
        <li><input type="radio" id="q22c" name="q22" data-correct="true"><label for="q22c">C) Electrical</label></li>
        <li><input type="radio" id="q22d" name="q22"><label for="q22d">D) Gas</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q23" class="question-container">
    <h2>Question 23: What is the maximum weight of a Portable Extinguisher?</h2>
    <ul class="answers">
        <li><input type="radio" id="q23a" name="q23"><label for="q23a">A) 5 KG</label></li>
        <li><input type="radio" id="q23b" name="q23"><label for="q23b">B) 9 KG</label></li>
        <li><input type="radio" id="q23c" name="q23"><label for="q23c">C) 15 KG</label></li>
        <li><input type="radio" id="q23d" name="q23" data-correct="true"><label for="q23d">D) 23 KG</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q24" class="question-container">
    <h2>Question 24: Foam Fixed Fire Fighting System is used in which type of Vessels?</h2>
    <ul class="answers">
        <li><input type="radio" id="q24a" name="q24" data-correct="true"><label for="q24a">A) Oil Tanker</label></li>
        <li><input type="radio" id="q24b" name="q24"><label for="q24b">B) Container Ship</label></li>
        <li><input type="radio" id="q24c" name="q24"><label for="q24c">C) Gas Carriers</label></li>
        <li><input type="radio" id="q24d" name="q24"><label for="q24d">D) Bulk Carriers</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q25" class="question-container">
    <h2>Question 25: Maximum temperature of unexpected side of B- Class Divisions is?</h2>
    <ul class="answers">
        <li><input type="radio" id="q25a" name="q25"><label for="q25a">A) 350</label></li>
        <li><input type="radio" id="q25b" name="q25"><label for="q25b">B) 400</label></li>
        <li><input type="radio" id="q25c" name="q25" data-correct="true"><label for="q25c">C) 225</label></li>
        <li><input type="radio" id="q25d" name="q25"><label for="q25d">D) 300</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q26" class="question-container">
    <h2>Question 26: Foam Extinguisher work on?</h2>
    <ul class="answers">
        <li><input type="radio" id="q26a" name="q26" data-correct="true"><label for="q26a">A) Smothering</label></li>
        <li><input type="radio" id="q26b" name="q26"><label for="q26b">B) Starvation</label></li>
        <li><input type="radio" id="q26c" name="q26"><label for="q26c">C) Cooling</label></li>
        <li><input type="radio" id="q26d" name="q26"><label for="q26d">D) Inhibition</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q27" class="question-container">
    <h2>Question 27: How many hours diesel driven Fire Pump should run?</h2>
    <ul class="answers">
        <li><input type="radio" id="q27a" name="q27"><label for="q27a">A) 14 Hrs</label></li>
        <li><input type="radio" id="q27b" name="q27"><label for="q27b">B) 16 Hrs</label></li>
        <li><input type="radio" id="q27c" name="q27" data-correct="true"><label for="q27c">C) 18 Hrs</label></li>
        <li><input type="radio" id="q27d" name="q27"><label for="q27d">D) 20 Hrs</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q28" class="question-container">
    <h2>Question 28: Which is the best Fire Extinguisher for Liquid Fire?</h2>
    <ul class="answers">
        <li><input type="radio" id="q28a" name="q28"><label for="q28a">A) CO2</label></li>
        <li><input type="radio" id="q28b" name="q28"><label for="q28b">B) Water</label></li>
        <li><input type="radio" id="q28c" name="q28" data-correct="true"><label for="q28c">C) Foam</label></li>
        <li><input type="radio" id="q28d" name="q28"><label for="q28d">D) DCP</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>

<div id="q29" class="question-container">
    <h2>Question 29: Minimum Capacity of Emergency Fire Pumps?</h2>
    <ul class="answers">
        <li><input type="radio" id="q29a" name="q29"><label for="q29a">A) 10 m3/ Hrs</label></li>
        <li><input type="radio" id="q29b" name="q29"><label for="q29b">B) 15 m3/ Hrs</label></li>
        <li><input type="radio" id="q29c" name="q29"><label for="q29c">C) 20 m3/ Hrs</label></li>
        <li><input type="radio" id="q29d" name="q29" data-correct="true"><label for="q29d">D) 25 m3/ Hrs</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="nextQuestion()">Next »</button>
    </div>
</div>





 <div id="q30" class="question-container">
    <h2>Question 30: In advanced firefighting, what is the primary purpose of a fire-resistant bulkhead?</h2>
    <ul class="answers">
        <li><input type="radio" id="q30a" name="q30"><label for="q30a">A) To provide a visual barrier against smoke</label></li>
        <li><input type="radio" id="q30b" name="q30" data-correct="true"><label for="q30b">B) To contain the spread of fire within compartments</label></li>
        <li><input type="radio" id="q30c" name="q30"><label for="q30c">C) To enhance communication among firefighting teams</label></li>
        <li><input type="radio" id="q30d" name="q30"><label for="q30d">D) To store firefighting equipment safely</label></li>
    </ul>
    <div class="buttons">
        <button onclick="previousQuestion()">« Previous</button>
        <button onclick="finishQuiz()">Finish Quiz</button>
    </div>
</div>

<script>
    let currentQuestion = 1;
    const totalQuestions = 30;

    function showQuestion(questionNumber) {
        document.querySelectorAll('.question-container').forEach(q => q.classList.remove('active'));
        document.getElementById(`q${questionNumber}`).classList.add('active');
    }

    function nextQuestion() {
        if (currentQuestion < totalQuestions) {
            currentQuestion++;
            showQuestion(currentQuestion);
        }
    }

    function previousQuestion() {
        if (currentQuestion > 1) {
            currentQuestion--;
            showQuestion(currentQuestion);
        }
    }

    function finishQuiz() {
        alert('Quiz completed! Implement scoring logic here.');
    }

    document.querySelectorAll('.answers li').forEach(answer => {
        answer.addEventListener('click', function() {
            const questionContainer = this.closest('.question-container');
            questionContainer.querySelectorAll('.answers li').forEach(item => {
                item.classList.remove('correct', 'incorrect');
            });

            const isCorrect = this.querySelector('input').dataset.correct;
            if (isCorrect) {
                this.classList.add('correct');
            } else {
                this.classList.add('incorrect');
            }
        });
    });
</script>