Здорово, наш счётчик уже не растёт при каждом клике! Но он и не уменьшается, когда лайк убирают. Это происходит потому, что, когда у элемента heart есть класс added, мы сначала уменьшаем значение счётчика, а после условной конструкции снова увеличиваем. Сейчас инструкция counter++; выполняется независимо от условия. Как сделать так, чтобы значение увеличивалось только тогда, когда класса нет?

Используем else (переводится как «иначе»). Это конструкция, которая говорит JavaScript, что делать, если условие в if ложно. Внутри фигурных скобок после else пишут инструкции, которые должны выполниться, если условие вернёт false.

if (условие) {
  // Инструкции, которые выполнятся, если условие истинно
} else {
  // Инструкции, которые выполнятся, если условие ложно
}

Использование условных конструкций в скрипте ещё называют ветвлением, а код внутри фигурных скобок — веткой.

Добавим в наш скрипт ветку else: скажем JavaScript увеличивать значение счётчика только тогда, когда у элемента heart ещё нет класса added.