Почему не работает event.target.textContent = event.target.textContent.replace?

Question

[Машка]

Ща застрелюсь. В консоли работает, но в кнопке не меняет "Подписаться" на "Вы подписаны".

<button class="btn btn--base follow-brand">Подписаться</button>

function toggleSubscription() {
    const subBtn = document.querySelector('.follow-brand')
        subBtn.addEventListener('click', event => {
            if(!event.target.classList.contains('active')) {
                event.target.classList.add('active')
                event.target.textContent = event.target.textContent.replace('Подписаться', 'Вы подписаны')
                
                console.log(event.target.textContent)
            // сюда запрос для подписки
            } else {
                event.target.classList.remove('active')
                event.target.textContent = event.target.textContent.replace('Вы подписаны', 'Подписаться')

            // сюда запрос для отписки
            }

        }) 
}

toggleSubscription()

Comments

[Егор Живагин]

Слушатель вообще срабатывает на клик? Если нет - функция вызывается до появления кнопки

Answer 1

[Stalker_RED]

Работает, я просто скопироал ваш код
https://jsfiddle.net/gkd237aj/

Ну и можно его немного упростить
https://jsfiddle.net/zky7ge1c/