- Теория
- Теория
Изменяем значение из разметки
Счётчик лайков работает! Когда лайк ставят, значение счётчика увеличивается, а когда лайк отменяют, значение уменьшается. Есть только одна маленькая проблема: наш счётчик не учитывает других пользователей сайта. Что, если кто-то другой уже поставил лайк? Нам следует брать число лайков, которое уже есть на странице, и изменять именно его.
Возьмём значение из likesNumber.textContent и изменим его на единицу:
// Увеличит значение на 1
likesNumber.textContent++;
// Уменьшит значение на 1
likesNumber.textContent--;Теперь переменная counter уже не нужна, так что мы её просто удалим. Счётчик лайков готов!
Счётчик лайков можно улучшить, добавив кнопке heart атрибут aria-pressed. Этот атрибут указывает, в каком состоянии находится кнопка-переключатель. Например, если лайк стоит, то значение у атрибута должно быть "true", а если лайка нет, то "false". Атрибут aria-pressed не влияет на внешний вид кнопки, но он помогает скринридерам правильно прочитать содержимое страницы.
Подробнее об атрибуте aria-pressed и том, как изменять его с помощью JavaScript, вы можете узнать в статье.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
