Заказчик

Нужно сделать JS-обработчик введенных значений в поле выбора количества товара.

Вёрстка следующая:
<input type="number">
<button class="value__increase">
<button class="value__decrease">

ТЗ:
1. Три параметра поля: минимальное значение, максимальное значение и шаг, которые вписаны либо в HTML5-атрибуты, либо через JS-переменные.

2. Шаг может быть дробным. У нас будет несколько различных шагов в зависимости от типа товара: 3, 6 или 0,5.
Значения будут генерироваться в PHP-шаблоне и вставляться прямо в скрипт либо в HTML5-атрибуты поля.

3. Значение поля должно быть строго в пределах его минимумамаксимума (см. пункт 5) и только цифровое.

4. Изменение значения поля должно быть возможно с помощью:
-- кнопок из вёрстки выше
-- с помощью стрелок клавиатуры
-- а также с помощью ручного ввода (см. пункт 5).

5. Касательно ручного ввода я расскажу на примере поля со следующими параметрами с условными обозначениями: MIN=2, MAX=50, STEP=0.5.

При вводе вручную неверного значения оно должно автоматически меняться в рамках MIN и MAX с учетом STEP:
-- либо на предыдущее верное: при вводе 40,7 оно меняется на 40,5, при вводе 51 оно меняется на 50;
-- либо на следующее верное: при вводе 1 значение меняется на 2;
-- если вышеперечисленное сложно для реализации, то пусть поле обнуляется до MIN.

6. Таких полей может быть на странице несколько (на странице оформления заказа), они должны работать обособлено друг от друга.

P. S. Можно jQuery (3.2.X), CMS Bitrix (если это вам чем-то поможет). Стоимость и срок работы пишите, пожалуйста, в личные сообщения.