Как добавлять различные классы в зависимости от количества символов?

Question

[SuperToster]

Есть блок, в котором может быть случайное количество символов. В зависимости от количества символов в блоке, нужно добавить соответствующие классы:
от 0 до 15;
от 15 до 30;
от 30 до 45.

https://jsfiddle.net/51wa372u/

Answer 1

[0xD34F]

const classes = [
  { maxLen: 15, name: 'length-15' },
  { maxLen: 30, name: 'length-30' },
  { maxLen: 45, name: 'length-45' },
];

document.querySelectorAll('.container').forEach(n => {
  const len = n.textContent.length;
  const cls = classes.find(m => m.maxLen >= len);

  if (cls) {
    n.classList.add(cls.name);
  }
});

Answer 2

[quake4fun]

клик