• Теория
  • Теория

Изменяем значение счётчика

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

Чтобы увеличить или уменьшить число в JavaScript, можно использовать разные записи: полную или краткую — результат будет одинаковым.

let number = 0;

// Полная запись
number = number + 2; // Значение переменной: 2
number = number - 2; // Значение переменной: 0

// Краткая запись
number += 2; // Значение переменной: 2
number -= 2; // Значение переменной: 0

Наш счётчик будет увеличиваться и уменьшаться на единицу. Это очень распространённая операция, и в JavaScript для неё есть особая запись.

// Увеличит число на 1
number++; // Значение переменной: 1

// Уменьшит число на 1
number--; // Значение переменной: 0

Скажем JavaScript увеличивать значение counter на 1, когда пользователь кликает на «сердечко», и убедимся, что число на странице меняется при каждом клике.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Условия и создание элементов» тренажёра «Знакомство с JavaScript» можно после регистрации и оформления подписки.