`; actionableStrategiesList.innerHTML = commonStrategies; } // --- Event Listeners --- // Tab navigation tabButtons.forEach((button, index) => { button.addEventListener('click', function() { updateActiveTab(index); }); }); nextButton.addEventListener('click', function() { if (currentTabIndex < tabButtons.length - 1) { updateActiveTab(currentTabIndex + 1); } }); prevButton.addEventListener('click', function() { if (currentTabIndex > 0) { updateActiveTab(currentTabIndex - 1); } }); // Calculate Score Button calculateScoreButton.addEventListener('click', calculateResilienceScore); // PDF Download Button downloadPdfButton.addEventListener('click', async function() { if (currentScore === null) { showMessageBox("Please complete the assessment and calculate your score before downloading the report."); return; } const pdfContentContainer = document.createElement('div'); pdfContentContainer.style.padding = '20px'; pdfContentContainer.style.backgroundColor = '#ffffff'; pdfContentContainer.style.fontFamily = 'Inter, sans-serif'; pdfContentContainer.style.fontSize = '12px'; // PDF Title const pdfTitle = document.createElement('h1'); pdfTitle.textContent = "Psychological Resilience Assessment Report for Traders"; pdfTitle.style.textAlign = 'center'; pdfTitle.style.fontSize = '24px'; pdfTitle.style.marginBottom = '20px'; pdfTitle.style.color = '#1f2937'; pdfContentContainer.appendChild(pdfTitle); // Score Summary const scoreSummaryHtml = `

Your Psychological Resilience Score:

${currentScore} / ${maxPossibleScore}

${currentInterpretation}

`; pdfContentContainer.insertAdjacentHTML('beforeend', scoreSummaryHtml); // Overall Assessment const overallAssessmentHtml = `

Overall Assessment:

${overallAssessmentText.textContent}

${overallAssessmentDescription.textContent}

`; pdfContentContainer.insertAdjacentHTML('beforeend', overallAssessmentHtml); // Key Areas for Improvement const improvementAreasHtml = `

Key Areas for Improvement:

${currentImprovementAreas.map(area => `
• ${area}
`).join('') || '
• Your score indicates strong resilience across the board. Continue to refine your strengths and maintain healthy trading habits.
'}

`; pdfContentContainer.insertAdjacentHTML('beforeend', improvementAreasHtml); // Actionable Strategies const strategiesHtml = `

Actionable Strategies:

`; pdfContentContainer.insertAdjacentHTML('beforeend', strategiesHtml); // Append the content to a hidden div for rendering pdfContentContainer.style.position = 'absolute'; pdfContentContainer.style.left = '-9999px'; document.body.appendChild(pdfContentContainer); try { const canvas = await html2canvas(pdfContentContainer, { scale: 1.5, // Increase scale for better resolution useCORS: true, windowWidth: pdfContentContainer.scrollWidth, windowHeight: pdfContentContainer.scrollHeight }); const imgData = canvas.toDataURL('image/jpeg', 0.9); // Higher quality JPEG const { jsPDF } = window.jspdf; const pdf = new jsPDF('p', 'mm', 'a4'); const imgWidth = 210; const pageHeight = 297; const imgHeight = canvas.height * imgWidth / canvas.width; let heightLeft = imgHeight; let position = 0; pdf.addImage(imgData, 'JPEG', 0, position, imgWidth, imgHeight, null, 'FAST'); // Use 'FAST' compression for potentially faster PDF creation heightLeft -= pageHeight; while (heightLeft >= 0) { position = heightLeft - imgHeight; pdf.addPage(); pdf.addImage(imgData, 'JPEG', 0, position, imgWidth, imgHeight, null, 'FAST'); heightLeft -= pageHeight; } pdf.save('Trader_Resilience_Report.pdf'); } catch (error) { console.error('Error generating PDF:', error); showMessageBox('Error generating PDF. Please ensure your browser supports canvas rendering and try again.'); } finally { // Clean up the temporary div if (pdfContentContainer.parentNode) { pdfContentContainer.parentNode.removeChild(pdfContentContainer); } } }); // Close message box event listener if (messageBoxCloseButton) { messageBoxCloseButton.addEventListener('click', hideMessageBox); } // --- Initialization --- renderQuestions(); // Render questions on page load updateActiveTab(0); // Initialize the first tab as active on load });