Cách đếm tất cả các từ trên một trang web với Vanilla JavaScript

Tìm hiểu cách đếm tất cả các từ trên một phần cụ thể của trang web với Vanilla JavaScript.

Đôi khi, việc đếm tất cả các từ trên một bài đăng hoặc trang sẽ rất hữu ích. Bạn có đang xây dựng một Bộ đếm từ tính năng cho trang web của bạn? Bạn có thể sử dụng đoạn mã JavaScript sau để thực hiện chính xác điều đó - và nhanh chóng.

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)

Sao chép và dán mã JS vào bảng điều khiển trình duyệt của bạn để kiểm tra nó trên bất kỳ trang web nào. Chỉ cần đảm bảo rằng bạn nhắm mục tiêu đúng bộ chọn.

Chức năng của JavaScript làm gì

• Nó đếm tất cả các từ trong phần tử mục tiêu của bạn. Trong ví dụ trên, chúng tôi nhắm mục tiêu một .post-content bộ chọn lớp.
• Số lượng từ bao gồm tất cả các thành phần văn bản (tiêu đề, đoạn văn, danh sách, trích dẫn khối, v.v.). Mọi thứ có liên quan.
• Nó loại trừ khoảng trắng, dấu phẩy, v.v.

Cách sử dụng hàm JavaScript

• Thay thế .post-content lớp với bất kỳ lớp, id hoặc bộ chọn phần tử nào mà bạn có cho các bài đăng hoặc trang của mình.

Lưu ý:bạn có thể sử dụng getElementsByClassName() thay vì querySelectorAll() .

Bạn có thể kiểm tra bằng mã trong bảng điều khiển của trình duyệt yêu thích của mình hoặc trên CodePen này.