Files
2026-05-01 20:02:13 +02:00

22 lines
1.8 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
// ═══════════════════════════════════════════════════════
// Word Counter
// ═══════════════════════════════════════════════════════
async function updateCounter() {
const text = document.getElementById('counterInput').value;
const d = await apiPost('/api/text/stats', { text });
if (d.success) {
document.getElementById('counterResults').innerHTML = `
<div class="ip-grid">
<div class="ip-card"><div class="label">Characters</div><div class="value">${d.characters}</div></div>
<div class="ip-card"><div class="label">No Spaces</div><div class="value">${d.charactersNoSpaces}</div></div>
<div class="ip-card"><div class="label">Words</div><div class="value">${d.words}</div></div>
<div class="ip-card"><div class="label">Sentences</div><div class="value">${d.sentences}</div></div>
<div class="ip-card"><div class="label">Paragraphs</div><div class="value">${d.paragraphs}</div></div>
<div class="ip-card"><div class="label">Lines</div><div class="value">${d.lines}</div></div>
<div class="ip-card"><div class="label">Reading Time</div><div class="value">${d.readingTime}</div></div>
</div>
${d.topChars.length ? '<div class="panel-label" style="margin-top:14px;">Top Characters</div><div style="display:flex;gap:6px;flex-wrap:wrap;">' + d.topChars.map(([ch,n]) => `<span style="background:var(--bg-input);border:1px solid var(--border);padding:4px 10px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:0.8rem;"><strong style="color:var(--accent);">${ch}</strong> <span style="color:var(--text-muted);">×${n}</span></span>`).join('') + '</div>' : ''}`;
}
}