바닐라 자바스크립트로 웹페이지의 모든 단어를 계산하는 방법

Vanilla 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 코드를 복사하여 브라우저 콘솔에 붙여넣으면 모든 웹사이트에서 테스트할 수 있습니다. 올바른 선택자를 대상으로 지정했는지 확인하세요.

자바스크립트 기능의 기능

• 대상 요소 내의 모든 단어를 계산합니다. 위의 예에서는 .post-content를 대상으로 합니다. 클래스 선택기.
• 단어 수에는 모든 텍스트 요소(제목, 단락, 목록, 인용 부호 등)가 포함됩니다. 모든 관련성이 있습니다.
• 공백, 쉼표 등은 제외됩니다.

자바스크립트 기능 사용 방법

• .post-content 대체 게시물이나 페이지에 대해 가지고 있는 클래스, ID 또는 요소 선택기가 있는 클래스입니다.

참고:getElementsByClassName()을 사용할 수 있습니다. querySelectorAll() 대신 .

즐겨 사용하는 브라우저의 콘솔이나 이 CodePen의 코드로 캔을 테스트할 수 있습니다.