quantityButton.addEventListener("click", function (e) {
let inputThis = this.closest(".quantity").querySelector("input"),
val = inputThis.value;
if (this.classList.contains("quantity__button_plus")) {
++val;
} else {
--val;
if (val < 1) {
val = 1;
}
}
inputThis.value = inputNumberStudentsQuantity.value = val;
});
// quantityButton.closest('.quantity').querySelector('input').value = value;
quantityButton.closest('.quantity').querySelector('input').value = inputNumberStudentsQuantity.value = value;
Навскидку плагины под WordPress с подобным функционал есть.
Пробовал править стили в медиа-запросах, но там чёрт ногу сломит – на каждый элемент стили править нужно.
Хорошо бы иметь в арсенале такой счётчик, который можно было бы засунуть в обёртку определённого размера, задать этому счётчку width: 100%, и он бы респонсился под обёртку.
.stopImmediatePropagation
попробовать