ভ্যানিলা জাভাস্ক্রিপ্ট দিয়ে একটি ওয়েবসাইটের নির্দিষ্ট অংশের সকল শব্দ গণনা করার পদ্ধতি শিখুন।
কখনো কখনো একটি পোস্ট বা পেজের সকল শব্দ গণনা করা দরকার পড়ে। আপনি কি আপনার ওয়েবসাইটের জন্য Word Counter ফিচার বানাচ্ছেন? আপনি নিচের জাভাস্ক্রিপ্ট কোড স্নিপেটটি ব্যবহার করে সেটি করতে পারেন — এবং দ্রুত।
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 কোডটি কপি করে আপনার ব্রাউজার কনসোলে পেস্ট করুন যেকোনো ওয়েবসাইটে টেস্ট করার জন্য। শুধু সঠিক সিলেক্টর টার্গেট করছেন কিনা তা নিশ্চিত করুন।
জাভাস্ক্রিপ্ট ফাংশনটি কী করে
- এটি আপনার টার্গেট এলিমেন্টের ভিতরে সকল শব্দ গণনা করে। উপরের উদাহরণে, আমরা
.post-contentক্লাস সিলেক্টর টার্গেট করেছি। - ওয়ার্ড কাউন্টে সকল টেক্সট এলিমেন্টই থাকে (হেডিং, প্যারাগ্রাফ, লিস্ট, ব্লককোট ইত্যাদি)। সব কিছু রিলেভেন্ট।
- এটি হোয়াইটস্পেস, কমা ইত্যাদি বাদ দেয়।
জাভাস্ক্রিপ্ট ফাংশনটি কীভাবে ব্যবহার করবেন
.post-contentক্লাসটিকে আপনার পোস্ট বা পেজের যেকোনো ক্লাস, আইডি, বা এলিমেন্ট সিলেক্টর দিয়ে রিপ্লেস করুন।
নোট: আপনি getElementsByClassName() ব্যবহার করতে পারেন querySelectorAll()-র পরিবর্তে।
আপনি আপনার প্রিয় ব্রাউজারের কনসোলে বা এই CodePen-এ কোডটি টেস্ট করতে পারেন।
