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

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

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

  1. Сначала необходимо выбрать элементы с классами '.itemdscr' и '.rating' с помощью метода 'querySelectorAll':
const descriptions = document.querySelectorAll('.item__dscr');
const ratings = document.querySelectorAll('.rating');
  1. Затем, для каждого элемента с классом '.itemdscr', мы добавляем обработчик события 'click', который будет вызывать функцию при клике на элемент:
descriptions.forEach((description, index) => {
  description.addEventListener('click', () => {
    // Дополнительный код будет здесь
  });
});
  1. Внутри обработчика события, мы добавляем класс '.itemdscr-active' к элементу с классом '.itemdscr', используя свойство 'classList' объекта элемента:
descriptions.forEach((description, index) => {
  description.addEventListener('click', () => {
    description.classList.add('item__dscr-active');
  });
});
  1. Также, внутри обработчика события, мы добавляем класс '.active' к элементу с классом '.rating' по индексу текущего элемента '.itemdscr':
descriptions.forEach((description, index) => {
  description.addEventListener('click', () => {
    description.classList.add('item__dscr-active');
    ratings[index].classList.add('active');
  });
});

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

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