UI-компоненты №10. Степпер с вводом количества и кнопками увеличения\уменьшения

[@microlabig4938]

Спасибо за видео, возьмем на заметку! Лайкос! Только ex - это вроде `x-высота шрифта элемента`, но для ширины это примерно одно и тоже. Можно, кстати, сделать так: `input.size = input.value.length + 1`

[@maxgraph]

Да, тоже вариант)

[@yurasovm]

а почему у stepper__text margin-left не задать? зачем +1

[@ФранцузРусский-ы2ш]

Макс, красава!!! Лайк,как всегда)!!!

[@maxgraph]

Спасибо)

[@k0rsoYD]

Добрый день, проверил ваш код. Единственное, что возможно так и было задумано и это нормально. Я про то, что было указано в разметке атрибут maxlength = 3, но если ввести 999 и после нажать кнопку + или up, то появиться четырехзначное значение. Но, а так компонент и его работа отличное и очень подошло для работы в проекте. Благодарю!

[@maxgraph]

Спасибо) да, возможно не учёл это

[@ТатьянаКалукова-е6ф]

Спасибо большое!!!

[@maxgraph]

Пожалуйста =)

[@chernykhmixail]

Спасибо! Прикольно) Только вопрос) А если не один на странице?

[@maxgraph]

Переписать циклом)

[@Elisha_GG]

Я нашел неточность в предоставленном коде. Хотя у нас указано жесткое ограничение на длину числа в три цифры, кнопочка позволяет натыкать число большее. Соответственно нужно повешать класс на кнопочку + при условии достижения value>999

[@Elisha_GG]

Выносим в отдельную функцию: function disabledBtn() { if (count == 1) { stepperBtnDown.classList.add('stepper__btn--disabled'); } else { stepperBtnDown.classList.remove('stepper__btn--disabled'); } if (count >= 999) { stepperBtnUp.classList.add('stepper__btn--disabled'); } else { stepperBtnUp.classList.remove('stepper__btn--disabled'); } } Пишем вместо предложенного условия (инструкции) строку содержащую disabledBtn()

[@sashnevski]

А с инпут тип намбер такое можно замутить?

[@maxgraph]

Думаю да