Date: ${new Date().toLocaleDateString('en-US')}

`; const pdfContainer = document.createElement('div'); pdfContainer.appendChild(pdfHeader); pdfContainer.appendChild(contentToPrint); document.body.appendChild(pdfContainer); pdfContainer.style.position = 'absolute'; pdfContainer.style.left = '-9999px'; pdfContainer.style.width = '700px'; const { jsPDF } = window.jspdf; const canvas = await html2canvas(pdfContainer, { scale: 2 }); const imgData = canvas.toDataURL('image/png'); document.body.removeChild(pdfContainer); const pdf = new jsPDF({ orientation: 'portrait', unit: 'px', format: 'a4' }); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = (canvas.height * pdfWidth) / canvas.width; pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight); pdf.save('daily-productivity-challenge.pdf'); }; // --- EVENT LISTENERS --- completeBtn.addEventListener('click', () => { state.isCompleted = true; saveState(); updateUI(); }); newChallengeBtn.addEventListener('click', getNewChallenge); downloadPdfBtn.addEventListener('click', downloadChallengeAsPDF); // --- INITIALIZATION --- state = loadState(); saveState(); // Save the potentially new daily state updateUI(); });