AI Text Analyzer

<!-- HTML -->
<textarea id="analyzerInput" placeholder="Paste text..."></textarea>
<button id="analyzeBtn">Analyze</button>
<div id="analyzerResults" aria-live="polite"></div>

<style>
.analyzer-textarea {
  width: 100%; min-height: 130px;
  background: #1e293b; border: 1px solid #334155;
  border-radius: 0.6rem; padding: 0.85rem 1rem;
  color: #e2e8f0; font-family: inherit; font-size: 0.85rem;
  resize: vertical; outline: none;
}
.analyzer-textarea:focus { border-color: #3b82f6; }
.analyzer-results {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 0.6rem; margin-top: 1.25rem;
}
.result-card {
  background: #1e293b; border: 1px solid #334155;
  border-radius: 0.6rem; padding: 0.75rem 0.9rem;
}
.result-label {
  font-size: 0.62rem; text-transform: uppercase;
  letter-spacing: 0.1em; color: #64748b; font-weight: 700;
}
.result-value { font-size: 1.25rem; font-weight: 800; color: #fff; }
</style>

<script>
// Word list for basic sentiment (keep small, extend as needed)
var POSITIVE = ['good','great','excellent','amazing','fantastic','love',
  'delightful','smooth','fast','instant','helpful','perfect','best',
  'happy','happy','wonderful','clear','easy','nice','recommend'];

var NEGATIVE = ['bad','terrible','awful','hate','slow','broken','bug',
  'issue','problem','confusing','hard','difficult','worst','annoying',
  'fail','error','crash','ugly','poor','disappointed'];

var STOPWORDS = new Set(['the','a','an','and','or','but','if','then',
  'is','are','was','were','be','been','being','to','of','in','on','for',
  'with','at','by','from','as','it','its','this','that','these','those',
  'i','you','he','she','we','they','my','your','his','her','our','their']);

function countSyllables(word) {
  word = word.toLowerCase().replace(/[^a-z]/g, '');
  if (word.length <= 2) return 1;
  var groups = word.match(/[aeiouy]+/g);
  var n = groups ? groups.length : 1;
  if (word.endsWith('e') && !word.endsWith('le') && n > 1) n--;
  return Math.max(1, n);
}

function analyze(text) {
  text = text.trim();
  if (!text) return null;

  var words = text.split(/\s+/).filter(Boolean);
  var wordCount = words.length;
  var charCount = text.length;

  // Sentences: split on . ! ? followed by space or end
  var sentences = text.split(/[.!?]+/).filter(function(s) {
    return s.trim().length > 0;
  });
  var sentenceCount = Math.max(1, sentences.length);

  // Syllables + readability (Flesch Reading Ease)
  var totalSyllables = words.reduce(function(sum, w) {
    return sum + countSyllables(w);
  }, 0);
  var flesch = 206.835
    - 1.015 * (wordCount / sentenceCount)
    - 84.6  * (totalSyllables / Math.max(1, wordCount));
  flesch = Math.max(0, Math.min(100, flesch));

  // Reading time @ 220 wpm
  var readingTime = Math.max(1, Math.round(wordCount / 220));

  // Sentiment via word list
  var lower = text.toLowerCase();
  var tokens = lower.match(/[a-z]+/g) || [];
  var pos = 0, neg = 0;
  tokens.forEach(function(t) {
    if (POSITIVE.indexOf(t) !== -1) pos++;
    if (NEGATIVE.indexOf(t) !== -1) neg++;
  });
  var total = pos + neg;
  var sentiment = 'neutral';
  var sentimentScore = 0;
  if (total > 0) {
    sentimentScore = Math.round(((pos - neg) / total) * 100);
    if (sentimentScore > 15) sentiment = 'positive';
    else if (sentimentScore < -15) sentiment = 'negative';
  }

  // Keywords (exclude stopwords)
  var freq = {};
  tokens.forEach(function(t) {
    if (!STOPWORDS.has(t) && t.length > 2) {
      freq[t] = (freq[t] || 0) + 1;
    }
  });
  var keywords = Object.keys(freq)
    .map(function(k) { return { word: k, count: freq[k] }; })
    .sort(function(a, b) { return b.count - a.count; })
    .slice(0, 8);

  return {
    wordCount: wordCount,
    charCount: charCount,
    sentenceCount: sentenceCount,
    flesch: Math.round(flesch),
    readingTime: readingTime,
    sentiment: sentiment,
    sentimentScore: sentimentScore,
    keywords: keywords
  };
}

function render(result) {
  var box = document.getElementById('analyzerResults');
  if (!result) {
    box.innerHTML = '<div class="empty-results">No text to analyze.</div>';
    return;
  }
  box.innerHTML =
    '<div class="result-card"><div class="result-label">Words</div><div class="result-value">' + result.wordCount + '</div></div>' +
    '<div class="result-card"><div class="result-label">Sentences</div><div class="result-value">' + result.sentenceCount + '</div></div>' +
    '<div class="result-card"><div class="result-label">Characters</div><div class="result-value">' + result.charCount + '</div></div>' +
    '<div class="result-card"><div class="result-label">Read time</div><div class="result-value">' + result.readingTime + '<small>min</small></div></div>' +
    '<div class="result-card"><div class="result-label">Readability</div><div class="result-value">' + result.flesch + '</div></div>' +
    '<div class="result-card"><div class="result-label">Sentiment</div><div class="result-value">' + result.sentiment + '</div></div>';
}

document.getElementById('analyzeBtn').addEventListener('click', function() {
  render(analyze(document.getElementById('analyzerInput').value));
});
</script>