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

Học cách đếm tất 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ả từ trên một bài viết hoặc trang rất hữu ích. Bạn đang xây dựng tính năng Đếm từ cho trang web? Bạn có thể dùng đoạn mã JavaScript sau để làm 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 console trình duyệt để test trên bất kỳ trang web nào. Chỉ cần chắc chắn bạn chọn đúng selector.

Chức năng của hàm JavaScript

• Đếm tất cả từ bên trong phần tử mục tiêu. Trong ví dụ trên, chúng ta chọn selector class .post-content.
• Số lượng từ bao gồm tất cả phần tử văn bản (tiêu đề, đoạn văn, danh sách, blockquote v.v.). Mọi thứ liên quan.
• Loại bỏ khoảng trắng, dấu phẩy v.v.

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

• Thay thế class .post-content bằng bất kỳ class, id, hoặc selector phần tử nào bạn có cho bài viết hoặc trang.

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

Bạn có thể test với mã trong console trình duyệt yêu thích, hoặc trên CodePen này.