Word Counter body { font-family: Arial, sans-serif; background-color: #f1f1f1; } .container { margin: 0 auto; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } h2 { text-align: center; margin-bottom: 20px; } textarea { width: 100%; height: 200px; resize: vertical; padding: 10px; border: 1px solid #ccc; border-radius: 10px; } button { display: block; margin: 0 auto; margin-top: 10px; padding: 10px 20px; background-color: #4caf50; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .result { margin-top: 20px; } .result p { margin-bottom: 5px; } .result p i { margin-right: 5px; } Word Counter Count Words: 0 Characters: 0 Syllables: 0 Sentences: 0 Read Time: 0 min function countWords() { var inputText = document.getElementById("input-text").value; var wordCount = inputText.split(/\s+/).filter(function(word) { return word.length > 0; }).length; var characterCount = inputText.length; var syllableCount = (inputText.match(/[aeiouy]+/gi) || []).length; var sentenceCount = (inputText.match(/[.!?]+/g) || []).length; var readTime = Math.ceil(wordCount / 200); document.getElementById("word-count").textContent = "Words: " + wordCount; document.getElementById("character-count").textContent = "Characters: " + characterCount; document.getElementById("syllable-count").textContent = "Syllables: " + syllableCount; document.getElementById("sentence-count").textContent = "Sentences: " + sentenceCount; document.getElementById("read-time").textContent = "Read Time: " + readTime + " min"; }