Content Clarity Checker

Content Clarity Checker

Improve your writing by making it clear, concise, and easy to understand.

Your Content

Clarity Report

Your content analysis will appear here.

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(); });
Scroll to Top