Word Stress & Intonation Report

Generated on: ${date}

Visual Analysis for "${word}"

${syllableBlocksHtml}

Explanation

${explanationHtml}

${noteHtml}

`; }; // --- PDF Generation Function --- const generatePdf = () => { if (!analysisResult || !analysisResult.syllables) { alert("Please analyze a valid word first."); return; } const { jsPDF } = window.jspdf; const originalButtonText = downloadPdfBtn.innerHTML; downloadPdfBtn.innerHTML = 'Generating PDF...'; downloadPdfBtn.disabled = true; pdfRenderContainer.innerHTML = buildPdfReportHtml(analysisResult); html2canvas(pdfRenderContainer, { scale: 2, useCORS: true }) .then(canvas => { 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 imgProps = pdf.getImageProperties(imgData); const imgAspectRatio = imgProps.width / imgProps.height; let finalWidth = pdfWidth; let finalHeight = finalWidth / imgAspectRatio; if (finalHeight > pdfHeight) { finalHeight = pdfHeight; finalWidth = finalHeight * imgAspectRatio; } pdf.addImage(imgData, 'PNG', 0, 0, finalWidth, finalHeight); pdf.save(`Word_Stress_Report_${analysisResult.word}.pdf`); }) .catch(err => { console.error("Error generating PDF:", err); alert("Sorry, there was an error creating the PDF."); }) .finally(() => { downloadPdfBtn.innerHTML = originalButtonText; downloadPdfBtn.disabled = false; pdfRenderContainer.innerHTML = ''; }); }; // --- Event Listeners --- analyzeBtn.addEventListener('click', analyzeAndDisplay); wordInput.addEventListener('keyup', (event) => { if (event.key === 'Enter') { analyzeAndDisplay(); } }); downloadPdfBtn.addEventListener('click', generatePdf); });