`;
elements.suggestionsContainer.innerHTML += card;
});
} else {
elements.suggestionsContainer.innerHTML = `
No specific issues found. Your text looks clear!
`;
}
elements.resultsPlaceholder.classList.add('hidden');
elements.resultsContainer.classList.remove('hidden');
}
function setLoadingState(isLoading) {
elements.clarityBtn.disabled = isLoading;
if (isLoading) {
elements.clarityBtn.innerHTML = `
Checking...`;
elements.resultsContainer.classList.add('hidden');
elements.resultsPlaceholder.classList.remove('hidden');
elements.resultsPlaceholder.innerHTML = `
Analyzing Your Content...
`;
} else {
elements.clarityBtn.innerHTML = `
Check Clarity`;
}
}
function displayError(message) {
elements.resultsPlaceholder.innerHTML = `
Analysis Failed
${message}
`;
elements.resultsPlaceholder.classList.remove('hidden');
elements.resultsContainer.classList.add('hidden');
}
// --- PDF Generation ---
function generatePdf() {
if (!analysisResults || !originalText) return;
const { jsPDF } = window.jspdf;
const doc = new jsPDF();
doc.setFont('helvetica', 'bold');
doc.setFontSize(18);
doc.text("Content Clarity Report", doc.internal.pageSize.getWidth() / 2, 20, { align: 'center' });
doc.setFontSize(11);
doc.setTextColor(100);
doc.text(`Generated on: ${new Date().toLocaleDateString('en-US')}`, 14, 30);
const metricsBody = [
['Clarity Score', `${analysisResults.clarityScore} / 100`],
['Reading Level', analysisResults.readingLevel]
];
doc.autoTable({
startY: 35,
head: [['Metric', 'Value']],
body: metricsBody,
theme: 'striped',
headStyles: { fillColor: '#16a34a' }
});
const suggestionsBody = analysisResults.suggestions.map(s => [
s.original,
s.issue,
s.suggestion
]);
doc.autoTable({
startY: doc.autoTable.previous.finalY + 10,
head: [['Original Text', 'Issue', 'Suggestion']],
body: suggestionsBody,
theme: 'grid'
});
doc.save(`content-clarity-report.pdf`);
}
initialize();
});
