Как обновлять значение (чтобы зависели друг от друга), если есть общий дата атрибут?

Question

[fantastikgodd]

естьdata-single="true" - общий атрибут для связи

например

в первом итеме число 233
и во втором также 233

кликнули, например, по первому - значения увеличилось
и второй - значение также увеличилось

сейчас они независимы

https://jsfiddle.net/tawmsLbo/2/

Comments

[Сергей Соколов]

так-себе затея держать данные в разметке. Натыкают там лайков, обновят страницу — и всё пропало.

Тут бы что-то типа упрощённого Flux'а внедрить. Три штуки по кругу:

1. объект состояния (в нём хранятся счётчики лайков),
   
2. разметка - отрисовывается из объекта состояния;
   
3. события-действия: клики по разметке отправляют команды "увеличить лайк такой-то"
   

Команда изменяет состояние. По состоянию отрисовывается разметка.
Объект состояния можно сохранять - в LocalStorage или на сервер отправлять.

Answer 1

[Михаил Костиков]

Так ? https://jsfiddle.net/yzq897bm/1/

Comments

[fantastikgodd]

Михаил Костиков, не совсем

если я кликну изначально по первому итему (будет 234 )
потом по второму - то будет 235
а не 233