Primary Device: ${deviceTypeSelect.options[deviceTypeSelect.selectedIndex].text}

Blue Light Filter: ${document.querySelector('input[name="blue-light-filter"]:checked').value === 'yes' ? 'Yes' : 'No'}

Break Frequency: ${breakFrequencySelect.options[breakFrequencySelect.selectedIndex].text}

`; document.getElementById('pdf-inputs-summary').innerHTML = inputsSummary; document.getElementById('pdf-exposure-level').textContent = exposureLevel.text; document.getElementById('pdf-exposure-level').style.color = exposureLevel.color; document.getElementById('pdf-strain-level').textContent = strainLevel.text; document.getElementById('pdf-strain-level').style.color = strainLevel.color; const pdfRecList = recommendations.map(rec => `

- ${rec}

`).join(''); document.getElementById('pdf-recommendations-list').innerHTML = pdfRecList; // Generate PDF const { jsPDF } = window.jspdf; const originalButtonText = downloadPdfBtn.textContent; downloadPdfBtn.textContent = 'Generating...'; downloadPdfBtn.disabled = true; try { const content = document.getElementById('pdf-content'); const canvas = await html2canvas(content, { scale: 2, useCORS: true, logging: false }); const imgData = canvas.toDataURL('image/png'); const pdf = new jsPDF({ orientation: 'portrait', unit: 'px', format: 'a4' }); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = pdf.internal.pageSize.getHeight(); const imgWidth = canvas.width; const imgHeight = canvas.height; const ratio = imgWidth / imgHeight; let finalImgWidth = pdfWidth; let finalImgHeight = pdfWidth / ratio; if (finalImgHeight > pdfHeight) { finalImgHeight = pdfHeight; finalImgWidth = pdfHeight * ratio; } pdf.addImage(imgData, 'PNG', 0, 0, finalImgWidth, finalImgHeight); pdf.save('Digital-Wellness-Report.pdf'); } catch (error) { console.error("PDF Generation Error:", error); showError("Could not generate PDF. Please try again."); } finally { downloadPdfBtn.textContent = originalButtonText; downloadPdfBtn.disabled = false; } } function showError(message) { errorMessageDiv.textContent = message; errorMessageDiv.style.display = 'block'; } function clearError() { errorMessageDiv.style.display = 'none'; } // --- Event Listeners --- calculateBtn.addEventListener('click', displayResults); downloadPdfBtn.addEventListener('click', generatePDF); });