Техническое задание: Улучшение фильтра диапазона

Цель задачи

Расширить функционал существующего на сайте фильтра, который использует ползунок (слайдер) для выбора диапазона значений (например, цены, мощности, объема).

Основные требования

• Добавление полей ввода: Рядом с существующим ползунком необходимо реализовать два текстовых поля (input).
• Назначение полей: Первое поле - для ручного ввода минимального значения диапазона. Второе поле - для ручного ввода максимального значения диапазона.
• Синхронизация событий: При вводе значения в любое из текстовых полей должно инициироваться точно такое же событие, как и при перемещении ползунка слайдера (например, событие input или change). Это обеспечит мгновенное применение фильтра и обновление контента на странице.
• Связь элементов: Значения в ползунке и в текстовых полях должны быть синхронизированы. Изменение через ползунок должно обновлять текстовые поля, и наоборот.

Ожидаемый результат

Пользователь получает два способа управления фильтром: интуитивный (перетаскивание ползунка) и точный (ручной ввод конкретных чисел). Оба способа работают одинаково и приводят к одинаковому результату - фильтрации данных на странице.