Как постоянно отслеживать classList.contains без SetInterval?

Question

[eniso]

Задача:
нужно постоянно отслеживать значение classList.contain('active')
чтобы если значение было true то выполнить другую функцию один раз
в таком формате кода получается что функция stepsanim() выполняется много раз, а нужно выполнение один раз когда значение classList.contain('active') === true

Подскажите пожалуйста что изучать для решения таких задач, потому что я уже совсем запутался :(

function update(){
const step = document.querySelector('.pageslider__nav_li_6')
const stepi = step.classList.contains('active')
if(stepi === true)
stepsanim()
else
console.log('nea')
}
setInterval(update, 1000)

Comments

[Арамаис Мирзоян]

А в какой части кода присваивается элементу класс active? Попробуйте там и вызвать stepsanim.

[eniso]

это просто список li элементов
у одного из них при определенных действиях или появляется или убирается дополнительный класс active

[HealSpirit]

MutationObserver?

[Roman]

Можно поизучать реактивные фреймворки, например, vue или react. Они намного облегчат тебе жизнь.

[eniso]

Roman, я пока не сильно понимаю на каком уровне знаний по чистому js лучше переходить к изучению react. Я сейчас осваиваю promise и callback

Answer 1

[Иван]

Оно?
https://developer.mozilla.org/ru/docs/Web/API/Muta...

Пример там есть, ну или чутка по нему по-гуглить :)

Comments

[eniso]

практически да, можно видимо и так решить, решение скрывалось в callback) спасибо наводку, тоже сильно пригодится)