</> Praktum

Главная / JavaScript / Счётчик с пределом

Урок 32 · JavaScript

Плюс и минус не уезжают в бесконечность

Количество товара или шаг урока удобно менять кнопками, если у числа есть пол и потолок.

Почему это следующий шаг

Тема запоминается. Счётчик — короткое состояние на странице, его не обязательно писать на сервер.

Как сделать

Держи число в переменной, а в текст выводи его отдельно. Минус не опускает значение ниже нуля, плюс не поднимает выше заданного предела. Кнопки у предела отключай. Не читай следующее число из текста на странице: текст мог быть с единицей измерения «3 шт.».

function render() {
  valueText.textContent = String(count);
  minus.disabled = count === 0;
}

Что проверить

  • Ниже нуля счётчик не уходит.
  • Выше предела кнопка плюса выключена.
  • Подпись на экране совпадает с переменной.

Попробуй

Сделай счётчик от 0 до 5 и проверь обе границы.