layout	title
default	Ventilation Simulation

🧪 Ventilation Simulation

Practice calculating initial ventilator settings according to research based guidelines

    <div class="back-link">
        <a href="/" class="btn btn-outline">
            ← Back to Main Dashboard
        </a>
        <a href="/info/quiz3/VTCalculator.html" class="btn btn-outline" target="_blank">
            Open Calculator for Reference
        </a>
    </div>
</div>

<!-- Stats Panel -->
<div class="stats-panel">
    <div class="stat">
        <span class="stat-label">Score</span>
        <span class="stat-value" id="score">0</span>
    </div>
    <div class="stat">
        <span class="stat-label">Accuracy</span>
        <span class="stat-value" id="accuracy">0%</span>
    </div>
    <div class="stat">
        <span class="stat-label">Completed</span>
        <span class="stat-value" id="completed">0</span>
    </div>
    <div class="stat">
        <button class="btn-reset" onclick="resetProgress()">Reset All</button>
    </div>
</div>

<!-- Progress Bar -->
<div class="progress-container">
    <div class="progress-bar">
        <div class="progress-fill" id="progress-fill"></div>
    </div>
    <div class="progress-text">
        <span id="progress-text">0% complete</span>
    </div>
</div>

<!-- Patient Scenario -->
<div class="patient-card">
    <h2>📋 Patient Scenario</h2>
    <div class="patient-details">
        <div class="detail">
            <strong>Gender:</strong> <span id="gender-display" class="highlight">-</span>
        </div>
        <div class="detail">
            <strong>Height:</strong> <span id="height-display" class="highlight">-</span> inches
        </div>
        <div class="detail">
            <strong>Weight:</strong> <span id="weight-display" class="highlight">-</span> lbs
        </div>
        <div class="detail">
            <strong>Condition:</strong> <span id="condition-display" class="highlight">-</span>
        </div>
    </div>
    <div class="patient-instruction">
        <em>Calculate initial ventilator settings according to lung-protective ventilation guidelines.</em>
    </div>
</div>

<!-- Calculator Reference -->
<div class="reference-card">
    <h3>📊 Formulas Reference</h3>
    <div class="formula-grid">
        <div class="formula-item">
            <strong>Weight Conversion</strong>
            <code>1 kg = 1 lbs ÷ 2.2</code>
        </div>
        <div class="formula-item">
            <strong>Male IBW</strong>
            <code>IBW = 50 kg + (2.3 kg × (height - 60))</code>
        </div>
        <div class="formula-item">
            <strong>Female IBW</strong>
            <code>IBW = 45.5 + (2.3 × (height - 60))</code>
        </div>
        <div class="formula-item">
            <strong>Tidal Volume Range</strong>
            <code>Initial Vt = 6–8 mL/kg * IBW</code>
        </div>
    </div>
</div>

<!-- Questions Container -->
<div id="questions-container">
    <!-- Questions will be dynamically generated here -->
</div>

<!-- Controls -->
<div class="controls-container">
    <button class="btn btn-primary" onclick="generateNewScenario()">
        🎲 Generate New Scenario
    </button>
    <button class="btn btn-success" onclick="checkAllAnswers()">
        ✅ Check All Answers
    </button>
    <button class="btn btn-info" onclick="showAllSolutions()">
        📖 Show All Solutions
    </button>
    <button class="btn btn-warning" onclick="toggleDebug()">
        🔧 Debug Mode
    </button>
</div>

<!-- Debug Panel -->
<div id="debug-panel" class="debug-panel" style="display: none;">
    <h3>Debug Information</h3>
    <pre id="debug-output">Click "Generate New Scenario" to see data</pre>
    <div class="debug-actions">
        <button onclick="clearStorage()">Clear Local Storage</button>
        <button onclick="exportData()">Export Session Data</button>
        <button onclick="importData()">Import Session Data</button>
    </div>
</div>

<!-- Session History -->
<div class="history-container">
    <h3>📝 Session History</h3>
    <div id="history-list" class="history-list">
        <!-- History items will be added here -->
    </div>
</div>

Step 1: Convert Weight to Kilograms (Round Your Answer)

Convert the patient's weight to kilograms using the formula: kg = lbs ÷ 2.2

${currentScenario.weight} lbs ÷ 2.2 = kg

Step 2: Calculate Ideal Body Weight (IBW) (Round Your Answer)

Use the ${currentScenario.gender} formula: ${answers.formula}

IBW = kg

Step 3: Determine Tidal Volume Range (Round to Whole Number from Decimal)

Apply guideline: 6–8 mL/kg IBW

Lower range (6 mL/kg): mL

Upper range (8 mL/kg): mL

Step 4: Clinical Decision Making

As a Generality, For a patient with ${currentScenario.condition}, what would be your initial approach?

Select your approach... Start at 6 mL/kg (Lower End Lung Protective) Start at 7 mL/kg (mid-range) Start at 8 mL/kg (Upper End Lung Expansive) Custom approach (explain below) <textarea id="q4-explanation" class="explanation-input" placeholder="If selecting custom, explain your rationale..." style="display: none;"></textarea>

        <div id="f4" class="feedback"></div>
    </div>
`;

// Add event listener for decision dropdown
document.getElementById('q4-decision').addEventListener('change', function() {
    const explanation = document.getElementById('q4-explanation');
    explanation.style.display = this.value === 'custom' ? 'block' : 'none';
});

}

// Generate a new scenario function generateNewScenario() { currentScenario = generateRandomPatient(); currentScenario.correctAnswers = calculateCorrectAnswers(currentScenario);

displayScenario();
generateQuestions();
updateDebugInfo();

// Add to history
addHistoryItem('generated', `New scenario: ${currentScenario.gender}, ${currentScenario.height}in, ${currentScenario.weight}lbs`);

}

// Check all answers function checkAllAnswers() { if (!currentScenario || !currentScenario.correctAnswers) { alert('Please generate a scenario first!'); return; }

const answers = currentScenario.correctAnswers;
let correctCount = 0;
let totalCount = 4;

// Check weight conversion
const weightInput = document.getElementById('q1-weight');
const userWeight = parseFloat(weightInput.value);
const weightCorrect = !isNaN(userWeight) && Math.abs(userWeight - answers.weightKg) <= 0.5;

if (weightCorrect) {
    correctCount++;
    weightInput.classList.add('correct');
    weightInput.classList.remove('incorrect');
    showFeedback('f1', `✓ Correct! ${currentScenario.weight} ÷ 2.2 = ${answers.weightKg} kg`, true);
} else {
    weightInput.classList.add('incorrect');
    weightInput.classList.remove('correct');
    showFeedback('f1', `✗ Try again. Correct answer: ${answers.weightKg} kg`, false);
}

// Check IBW
const ibwInput = document.getElementById('q2-ibw');
const userIBW = parseFloat(ibwInput.value);
const ibwCorrect = !isNaN(userIBW) && Math.abs(userIBW - answers.ibw) <= 0.5;

if (ibwCorrect) {
    correctCount++;
    ibwInput.classList.add('correct');
    ibwInput.classList.remove('incorrect');
    showFeedback('f2', `✓ Correct! IBW = ${answers.ibw} kg`, true);
} else {
    ibwInput.classList.add('incorrect');
    ibwInput.classList.remove('correct');
    showFeedback('f2', `✗ Try again. Correct answer: ${answers.ibw} kg`, false);
}

// Check tidal volume range
const vtLowInput = document.getElementById('q3-vt-low');
const vtHighInput = document.getElementById('q3-vt-high');
const userVtLow = parseInt(vtLowInput.value);
const userVtHigh = parseInt(vtHighInput.value);

const vtLowCorrect = userVtLow === answers.vtLow;
const vtHighCorrect = userVtHigh === answers.vtHigh;
const vtCorrect = vtLowCorrect && vtHighCorrect;

if (vtCorrect) {
    correctCount++;
    vtLowInput.classList.add('correct');
    vtHighInput.classList.add('correct');
    vtLowInput.classList.remove('incorrect');
    vtHighInput.classList.remove('incorrect');
    showFeedback('f3', `✓ Correct! Range: ${answers.vtLow}–${answers.vtHigh} mL`, true);
} else {
    vtLowInput.classList.add('incorrect');
    vtHighInput.classList.add('incorrect');
    showFeedback('f3', `✗ Try again. Correct range: ${answers.vtLow}–${answers.vtHigh} mL`, false);
}

// Check clinical decision (always correct for educational purposes)
const decisionInput = document.getElementById('q4-decision');
if (decisionInput.value) {
    correctCount++;
    showFeedback('f4', '✓ Good clinical reasoning! Consider patient-specific factors.', true);
} else {
    showFeedback('f4', 'Please select a clinical approach.', false);
}

// Update stats
sessionStats.totalAttempts += totalCount;
sessionStats.correctAnswers += correctCount;
sessionStats.scenariosCompleted++;

updateStatsDisplay();
saveSession();

// Add to history
addHistoryItem('completed', `Scored ${correctCount}/${totalCount} (${Math.round(correctCount/totalCount*100)}%)`);

}

// Show all solutions function showAllSolutions() { if (!currentScenario || !currentScenario.correctAnswers) { alert('Please generate a scenario first!'); return; }

const answers = currentScenario.correctAnswers;

// Fill in all answers
document.getElementById('q1-weight').value = answers.weightKg;
document.getElementById('q2-ibw').value = answers.ibw;
document.getElementById('q3-vt-low').value = answers.vtLow;
document.getElementById('q3-vt-high').value = answers.vtHigh;
document.getElementById('q4-decision').value = 'start_low';

// Mark all as correct
document.querySelectorAll('.answer-input').forEach(input => {
    input.classList.add('correct');
    input.classList.remove('incorrect');
});

// Show all feedback
showFeedback('f1', `Solution: ${currentScenario.weight} ÷ 2.2 = ${answers.weightKg} kg`, true);
showFeedback('f2', `Solution: IBW = ${answers.ibw} kg`, true);
showFeedback('f3', `Solution: Tidal Volume Range = ${answers.vtLow}–${answers.vtHigh} mL`, true);
showFeedback('f4', 'Clinical note: Start at lower end (6 mL/kg) for lung protection per guideline', true);

}

// Helper function to show feedback function showFeedback(elementId, message, isCorrect) { const element = document.getElementById(elementId); element.innerHTML = <div class="feedback ${isCorrect ? 'feedback-correct' : 'feedback-incorrect'}"> ${message} </div>; element.style.display = 'block'; }

// Update stats display function updateStatsDisplay() { const scoreElem = document.getElementById('score'); const accuracyElem = document.getElementById('accuracy'); const completedElem = document.getElementById('completed'); const progressFill = document.getElementById('progress-fill'); const progressText = document.getElementById('progress-text');

scoreElem.textContent = sessionStats.correctAnswers;

const accuracy = sessionStats.totalAttempts > 0 
    ? Math.round((sessionStats.correctAnswers / sessionStats.totalAttempts) * 100)
    : 0;
accuracyElem.textContent = `${accuracy}%`;

completedElem.textContent = sessionStats.scenariosCompleted;

// Progress bar (max 100 scenarios)
const progress = Math.min(sessionStats.scenariosCompleted * 1, 100);
progressFill.style.width = `${progress}%`;
progressText.textContent = `${progress}% complete`;

}

// Add item to history function addHistoryItem(type, message) { const item = { timestamp: new Date().toLocaleTimeString(), type: type, message: message };

sessionStats.history.unshift(item);
if (sessionStats.history.length > 20) {
    sessionStats.history = sessionStats.history.slice(0, 20);
}

updateHistoryDisplay();

}

// Update history display function updateHistoryDisplay() { const container = document.getElementById('history-list'); if (!container) return;

container.innerHTML = sessionStats.history.map(item => `
    <div class="history-item ${item.type}">
        <span class="history-time">${item.timestamp}</span>
        <span class="history-message">${item.message}</span>
    </div>
`).join('');

}

// Reset progress function resetProgress() { if (confirm('Are you sure you want to reset all progress? This cannot be undone.')) { sessionStats = { totalAttempts: 0, correctAnswers: 0, scenariosCompleted: 0, history: [] }; localStorage.removeItem('ventilation_sim_session'); updateStatsDisplay(); updateHistoryDisplay(); addHistoryItem('system', 'Progress reset'); } }

// Debug functions function toggleDebug() { const panel = document.getElementById('debug-panel'); panel.style.display = panel.style.display === 'none' ? 'block' : 'none'; }

function updateDebugInfo() { const output = document.getElementById('debug-output'); if (currentScenario) { output.textContent = JSON.stringify({ scenario: currentScenario, correctAnswers: currentScenario.correctAnswers, sessionStats: sessionStats }, null, 2); } }

function clearStorage() { localStorage.clear(); alert('Local storage cleared!'); location.reload(); }

function importData() { // Implementation for import alert('Import feature coming soon!'); }

// Initialize document.addEventListener('DOMContentLoaded', function() { loadSession(); generateNewScenario(); updateHistoryDisplay(); }); </script>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

🧪 Ventilation Simulation

Step 1: Convert Weight to Kilograms (Round Your Answer)

Step 2: Calculate Ideal Body Weight (IBW) (Round Your Answer)

Step 3: Determine Tidal Volume Range (Round to Whole Number from Decimal)

Step 4: Clinical Decision Making

FilesExpand file tree

simulation.md

Latest commit

History

simulation.md

File metadata and controls

🧪 Ventilation Simulation

Step 1: Convert Weight to Kilograms (Round Your Answer)

Step 2: Calculate Ideal Body Weight (IBW) (Round Your Answer)

Step 3: Determine Tidal Volume Range (Round to Whole Number from Decimal)

Step 4: Clinical Decision Making