How to Count Elements with a Specific Class using Vanilla JS

Count your elements containing a certain class with pure vanilla JS. Simple and Fast Snippet to include in your projects.

Here is a small snippet to get you started

// ✅ Count all elements with class of blue
const countAll = document.querySelectorAll('.blue').length;
console.log(countAll); // 👉️ 3

// ✅ Count only elements in the div with `id` = `box`,
// that have a class of blue
const countInDiv = document.querySelectorAll('#box .blue').length;
console.log(countInDiv); // 👉️ 2