वेनिला JavaScript के साथ वेबसाइट के किसी विशिष्ट भाग पर सभी शब्दों को गिनना सीखें।
कभी-कभी किसी पोस्ट या पेज पर सभी शब्दों को गिनना उपयोगी होता है। क्या आप अपनी वेबसाइट के लिए वर्ड काउंटर फीचर बना रहे हैं? आप ठीक ऐसा करने के लिए निम्न 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क्लास को अपने पोस्ट या पेज के लिए जो भी क्लास, आईडी, या एलिमेंट सेलेक्टर है, उससे बदलें।
नोट: आप querySelectorAll() के बजाय getElementsByClassName() का उपयोग कर सकते हैं।
आप अपने पसंदीदा ब्राउज़र के कंसोल में कोड के साथ परीक्षण कर सकते हैं, या इस CodePen पर।
