ভ্যানিলা জাভাস্ক্রিপ্ট সহ একটি ওয়েবপেজে সমস্ত শব্দ কীভাবে গণনা করবেন

ভ্যানিলা জাভাস্ক্রিপ্টের সাথে একটি ওয়েবসাইটের নির্দিষ্ট অংশে সমস্ত শব্দ কীভাবে গণনা করা যায় তা শিখুন।

কখনও কখনও একটি পোস্ট বা পৃষ্ঠায় সমস্ত শব্দ গণনা করা দরকারী। আপনি কি একটি ওয়ার্ড কাউন্টার তৈরি করছেন আপনার ওয়েবসাইটের জন্য বৈশিষ্ট্য? আপনি ঠিক এটি করতে নিম্নলিখিত জাভাস্ক্রিপ্ট কোড স্নিপেট ব্যবহার করতে পারেন — এবং দ্রুত।

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-এ কোড দিয়ে পরীক্ষা করতে পারেন।