VanillaJavaScriptを使用してWebページ上のすべての単語をカウントする方法

VanillaJavaScriptを使用してWebサイトの特定の部分にあるすべての単語をカウントする方法を学びます。

投稿やページのすべての単語を数えると便利な場合があります。 単語カウンターを作成していますか あなたのウェブサイトの機能？次の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コードをコピーしてブラウザコンソールに貼り付け、任意のWebサイトでテストします。正しいセレクターをターゲットにしていることを確認してください。

JavaScript関数の機能

• ターゲット要素内のすべての単語をカウントします。上記の例では、.post-contentをターゲットにしています クラスセレクター。
• 単語数には、すべてのテキスト要素（見出し、段落、リスト、ブロック引用符など）が含まれます。関連するすべて。
• 空白、カンマなどは除外されます。

JavaScript関数の使用方法

• .post-contentを置き換えます 投稿またはページ用に使用しているクラス、ID、または要素セレクターを使用してクラスを作成します。

注：getElementsByClassName()を使用できます querySelectorAll()の代わりに 。

お気に入りのブラウザのコンソールまたはこのCodePenのコードを使用してテストできます。