How to prefix _active to several classes of elements at once when scrolling to a certain block?

Question

css

Hello, it is necessary to animate six balls that diverge from the center when scrolling to a certain block, I put the animation in css in the prefix (_active) to each of their classes (class1_active, class2_active, etc.), tell me how to simultaneously transfer this prefix to six elements with different classes at once. There is a js code, can someone tell me to finish it?

Answer 1

const animItems = // Элементы для анимации. Можете задать им общий класс и найти сразу все, можете сложить разные(с разными классами) элементы в один массив
// ..code
animItems.forEach(function(item){item.classList.add('_active')})