Как по клику на каунтер увеличивать значение на 1 ( независимо от соседних блоков)?

Question

[olya_097]

Как по клику на каунтер увеличивать значение на 1 ( независимо от соседних блоков)?
https://jsfiddle.net/46rks9g5/1/

Comments

[Andrew]

Откуда задание?

Answer 1

[Oleg]

Необходимо повесить обработчик клика на нужный элемент и соответственно увеличивать при клике значение innerText элемента.
Можно так реализовать.

upd: Добавил второе решение на JQuery

Comments

[olya_097]

Oleg, спасибо огромное

[olya_097]

Oleg, а как подправить учитывая такой дизайн?
https://jsfiddle.net/qg0v9n78/

[Oleg]

olya_097, https://jsfiddle.net/yLobadg6/

[olya_097]

Oleg, а по второму клику как снимать лайк?
так же чтобы независело от других итемов

[Oleg]

https://jsfiddle.net/fcatzdm7/1/

[olya_097]

Oleg, спасибо
но мы ж не задаем атрибут liked
как тогда он срабатывает
data('liked')

[Oleg]

olya_097, при первом нажатии этот атрибут не задан, поэтому функция увеличения значения отрабатывает и устанавливает data-liked="true". Там идёт проверка на величину true этого атрибута

Answer 2

[Maxim Kirshin]

https://jsfiddle.net/zdu087a6/

$(".news__counter").click(function(event){
  let cnt = $(this).html();
  cnt = +cnt;
  cnt += 1;
  $(this).html(cnt);
});