वेनिला जावास्क्रिप्ट के साथ वेबपेज पर सभी शब्दों की गणना कैसे करें

वेनिला जावास्क्रिप्ट के साथ किसी वेबसाइट के किसी विशिष्ट भाग पर सभी शब्दों की गणना करना सीखें।

कभी-कभी किसी पोस्ट या पेज पर सभी शब्दों को गिनना उपयोगी होता है। क्या आप एक वर्ड काउंटर बना रहे हैं? आपकी वेबसाइट के लिए सुविधा? ठीक ऐसा करने के लिए आप निम्न JavaScript कोड स्निपेट का उपयोग कर सकते हैं — और तेज़।

var wordsInPost = wordCount(document.querySelectorAll(".posts-content"))

function wordCount(words) {
  var count = 0
  for (var i = 0; i < words.length; i++) {
    count += words[i].textContent.split(" ").length
  }
  return count
}

console.log(wordsInPost)

किसी भी वेबसाइट पर परीक्षण करने के लिए JS कोड को अपने ब्राउज़र कंसोल में कॉपी और पेस्ट करें। बस सुनिश्चित करें कि आप सही चयनकर्ता को लक्षित करते हैं।

JavaScript फंक्शन क्या करता है

• यह आपके लक्षित तत्व के सभी शब्दों को गिनता है। ऊपर के उदाहरण में, हम एक .post-content . को लक्षित करते हैं वर्ग चयनकर्ता।
• शब्द गणना में सभी टेक्स्ट तत्व (शीर्षक, पैराग्राफ, सूचियां, ब्लॉककोट आदि) शामिल हैं। सब कुछ प्रासंगिक।
• इसमें व्हॉट्सएप, कॉमा आदि शामिल नहीं हैं।

JavaScript फ़ंक्शन का उपयोग कैसे करें

• .post-content को बदलें आपकी पोस्ट या पेज के लिए आपके पास जो भी वर्ग, आईडी या तत्व चयनकर्ता है, उसके साथ वर्ग।

नोट:आप उपयोग कर सकते हैं getElementsByClassName() querySelectorAll() . के बजाय ।

आप अपने पसंदीदा ब्राउज़र के कंसोल में या इस कोडपेन पर कोड के साथ परीक्षण कर सकते हैं।