Featured Interactive Decision Engines

function updateSERP() {
var title = document.getElementById(‘serp-title’).value;
var desc = document.getElementById(‘serp-desc’).value;
var url = document.getElementById(‘serp-url’).value;

document.getElementById(‘title-counter’).innerText = title.length + ‘ / 60 chars’;
document.getElementById(‘desc-counter’).innerText = desc.length + ‘ / 160 chars’;

document.getElementById(‘preview-title’).innerText = title || ‘Your Title Goes Here’;
document.getElementById(‘preview-desc’).innerText = desc || ‘Your description goes here.’;
document.getElementById(‘preview-url’).innerText = url.replace(‘https://’, ”).replace(‘/’, ‘ › ‘);

var statusBox = document.getElementById(‘serp-status’);
if (title.length > 60 || desc.length > 160) {
statusBox.style.background = ‘#fef2f2’;
statusBox.style.color = ‘#991b1b’;
statusBox.style.borderColor = ‘#fecaca’;
statusBox.innerText = ‘⚠️ Warning: Title or description exceeds optimal Google display limits and may be truncated with (…)’;
} else {
statusBox.style.background = ‘#f0fdf4’;
statusBox.style.color = ‘#15803d’;
statusBox.style.borderColor = ‘#bbf7d0’;
statusBox.innerText = ‘✓ Title & Description within ideal Google display parameters.’;
}
}

function analyzeText() {
var text = document.getElementById(‘analyzer-text’).value.trim();
var words = text ? text.split(/s+/).filter(Boolean) : [];
var charCount = text.length;
var sentences = text ? text.split(/[.!?]+/).filter(function(s){ return s.trim().length > 0; }) : [];

document.getElementById(‘stat-words’).innerText = words.length;
document.getElementById(‘stat-chars’).innerText = charCount;
document.getElementById(‘stat-sentences’).innerText = sentences.length;

var readTime = Math.ceil(words.length / 200);
document.getElementById(‘stat-reading-time’).innerText = readTime + (readTime === 1 ? ‘ min’ : ‘ mins’);

var avgWords = sentences.length > 0 ? (words.length / sentences.length).toFixed(1) : 0;
document.getElementById(‘stat-avg-words’).innerText = avgWords;

// Keyword density (filtering common stop words)
var stopWords = new Set([‘the’,’and’,’to’,’of’,’a’,’in’,’is’,’it’,’you’,’that’,’he’,’was’,’for’,’on’,’are’,’as’,’with’,’his’,’they’,’at’,’be’,’this’,’have’,’from’,’or’,’one’,’had’,’by’,’word’,’but’,’not’,’what’,’all’,’were’,’we’,’when’,’your’,’can’,’said’,’there’,’use’,’an’,’each’,’which’,’she’,’do’,’how’,’their’,’if’]);
var freq = {};
words.forEach(function(w) {
var clean = w.toLowerCase().replace(/[^a-z0-9]/g, ”);
if (clean.length > 3 && !stopWords.has(clean)) {
freq[clean] = (freq[clean] || 0) + 1;
}
});

var sorted = Object.keys(freq).sort(function(a,b){ return freq[b] – freq[a]; }).slice(0, 8);
var kwContainer = document.getElementById(‘stat-keywords’);
if (sorted.length === 0) {
kwContainer.innerHTML = ‘Enter longer content to view recurring keyword density.‘;
} else {
kwContainer.innerHTML = sorted.map(function(k) {
var pct = ((freq[k] / words.length) * 100).toFixed(1);
return ‘‘ + k + ‘: ‘ + freq[k] + ‘ (‘ + pct + ‘%)‘;
}).join(‘ ‘);
}
}

// Run on load
window.addEventListener(‘DOMContentLoaded’, function() {
updateSERP();
analyzeText();
});