Нужно при клике на ‘.item__dscr’ добавлялся класс ‘.item__dscr-active’ и ‘.rating’ добавлялся класс ‘.active’?

Для того чтобы при клике на элемент с классом '.item__dscr' добавить класс '.item__dscr-active' и для элемента с классом '.rating' добавить класс '.active', можно использовать JavaScript с помощью DOM-манипуляций и обработчиков событий.

Вот как это можно реализовать:

1. Сначала необходимо выбрать элементы с классами '.item__dscr' и '.rating' с помощью метода 'querySelectorAll':

const descriptions = document.querySelectorAll('.item__dscr');
const ratings = document.querySelectorAll('.rating');

2. Затем, для каждого элемента с классом '.item__dscr', мы добавляем обработчик события 'click', который будет вызывать функцию при клике на элемент:

descriptions.forEach((description, index) => {
  description.addEventListener('click', () => {
    // Дополнительный код будет здесь
  });
});

3. Внутри обработчика события, мы добавляем класс '.item__dscr-active' к элементу с классом '.item__dscr', используя свойство 'classList' объекта элемента:

descriptions.forEach((description, index) => {
  description.addEventListener('click', () => {
    description.classList.add('item__dscr-active');
  });
});

4. Также, внутри обработчика события, мы добавляем класс '.active' к элементу с классом '.rating' по индексу текущего элемента '.item__dscr':

descriptions.forEach((description, index) => {
  description.addEventListener('click', () => {
    description.classList.add('item__dscr-active');
    ratings[index].classList.add('active');
  });
});

Теперь, при клике на элемент с классом '.item__dscr', будет добавлен класс '.item__dscr-active' к этому элементу и класс '.active' к соответствующему элементу с классом '.rating'.

Данный подход можно адаптировать для конкретных требований и контекста вашего проекта.