Как при клике на кнопку «в корзину» заменить её на инпут выбора количества?

Question

[Владимир Хаттер]

Привет, Гуру Фронта!

Суть вопроса в шапке. Пример на сайте online.globus.ru

Кликаем на купить под любым товаром и кнопка меняется на инпут с выбором количества. Как это реализовать?

Заранее спасибо за помощь!

Answer 1

[BigSmoke]

При клике на кнопку "корзина":
- скрываем кнопку "корзина" (display: none)
- показываем блок (display: block(flex)) с инпутом и двумя кнопками, которыми можно изменять количество товара в большую или меньную сторону
- Если после клика на кнопку уменьшения количество товара его станет меньше 1, то делаем все наоборот - блоку с инпутом display: none, а кнопке "корзина" (display: block(flex))

Answer 2

[Владимир Проскурин]