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

Чтобы увеличить или уменьшить число в 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, когда пользователь кликает на «сердечко», и убедимся, что число на странице меняется при каждом клике.