Analyze your setup and get personalized recommendations in minutes.
How to Use This Tool
This tool will guide you through a quick assessment of your primary workspace. For each section, answer the questions based on your typical posture and setup.
The goal is to identify areas for improvement to enhance your comfort and reduce the risk of strain. Let's begin by assessing your chair.
Section 1: Your Chair
Section 2: Desk & Keyboard
Section 3: Your Monitor
${item.question}
`;
});
form.innerHTML = html;
});
}
// --- IV. EVENT HANDLING ---
nav.next.addEventListener('click', () => changeStep(1));
nav.prev.addEventListener('click', () => changeStep(-1));
document.getElementById('download-pdf-btn').addEventListener('click', generatePDF);
// --- V. LOGIC & UI FUNCTIONS ---
function changeStep(direction) {
if (direction > 0 && !validateStep(currentStep)) {
alert('Please answer all questions in this section.');
return;
}
if (direction > 0) collectStepData(currentStep);
currentStep += direction;
updateUI();
}
function validateStep(step) {
if (step === 0 || step === 4) return true; // No validation for start/report
const section = Object.keys(assessmentData)[step - 1];
const form = document.getElementById(`${section}-form`);
const questions = assessmentData[section];
return questions.every(q => form.elements[q.id].value !== '');
}
function collectStepData(step) {
if (step === 0 || step === 4) return;
const section = Object.keys(assessmentData)[step - 1];
const form = document.getElementById(`${section}-form`);
assessmentData[section].forEach(q => {
userAnswers[q.id] = form.elements[q.id].value;
});
}
function updateUI() {
for (let i = 0; i < totalSteps; i++) {
document.getElementById(`content-panel-${i}`).classList.toggle('hidden', i !== currentStep);
const tabBtn = document.getElementById(`tab-btn-${i}`);
tabBtn.classList.remove('tab-active', 'tab-inactive', 'tab-complete');
if (i === currentStep) tabBtn.classList.add('tab-active');
else if (i < currentStep) tabBtn.classList.add('tab-complete');
else tabBtn.classList.add('tab-inactive');
}
nav.prev.disabled = currentStep === 0;
nav.next.disabled = currentStep === totalSteps - 1;
nav.next.textContent = currentStep === totalSteps - 2 ? 'Generate Report' : 'Next';
if (currentStep === totalSteps - 1) {
generateAndDisplayReport();
}
}
function generateAndDisplayReport() {
const reportContainer = document.getElementById('report-output');
let html = '
