По нажатию кнопки применить класс к карточкам отсортированных в массиве

const buttonsDOM = document.querySelectorAll(".btn-service"); // Массив DOM-элементов кнопок
const cardsDOM = document.querySelectorAll(".images-block__item"); // Массив DOM-элементов блоков

 const btnsState = [false, false, false]; // true - кнопка нажата
 const cardsBlured = [true, false, false, false, false, false]; // true - блок заблерен


  function selectClickBtn(btnIndex) {

//Тут вся логика изменения состояний кнопок. Работаем с массивом btnsState.
        selectBtnStatus(btnIndex, btnsState);
        
  // Тут вся логика состояния блера блоков. Смотрим в массив btnsState
  // и меняем массив cardsBlured в соответствии со статусами кнопока

        selectCardsStatus(btnsState, cardsBlured);

// вешаем классы на активные кнопки, смотря в массив btnsState
        selectClassBtn(btnsState, buttonsDOM)

// вешаем классы на по активным кнопкам на карточки смотря в массив cardsBlured

        selectClassCards(cardsBlured, cardsDOM);
}

// Тут на кнопки вешается обработчик клика, который при нажатии будет передавать в функцию индекс нажатой кнопки

buttonsDOM.forEach((buttonDOM, btnIndex) => buttonDOM.addEventListener("click", () => selectClickBtn(btnIndex)));

Помогите разобраться пожалуйста. смог получить два массива. Но совсем не понимаю, как мне работать с этими данными. Логику вроде постарался максимально корректно передать.