Всем привет. Есть следующий код document.addEventListener('click', function(event) {

let contentActions = event.target.closest('.content-actions');

if (contentActions) {
new ContentActions(contentActions);
}
});

class ContentActions {
constructor(elem) {
this._elem = elem;
elem.onclick = this.onClick.bind(this);
}

like() {
let likeBtn = this._elem.querySelector('.like-btn');
likeBtn.classList.toggle('like-filled-btn');
}

forward() {
let forwardBtn = this._elem.querySelector('.forward-btn');
forwardBtn.classList.toggle('forward-filled-btn');
}

comment() {

}

onClick(event) {
let action = event.target.dataset.action;
if (action) {
this[action]();
}
}
}

<ul class="content-actions flex row">
<li class="like-btn round r-22 square-32" data-action="like"></li>
<li class="forward-btn round r-22 square-32" data-action="forward"></li>
<li class="comment-btn round r-22 square-32" data-action="comment"></li>
</ul>

Проблема вот в чем

После перезагрузки странички, кликаю я на иконку сердечка — ничего не происходит, кликаю еще раз — сердечко стает красным, кликаю еще — сердечко стает серым и дальше все норм работает. Вопрос, почему не работает с первого клика?

у тебя же на первом клике инициализация ивента клик на кнопке происходит как я понял

чекни тулзы - меняется ли класс, проходит ли клик и т.п.

😭