Как проверить, что класс существует и выполнить действие alert?

Question

[Firpso]

Когда видео заканчивается появляется класс "is-finished".
Как отслеживать появление класса и если найден, то прописывать действие?Для примера: Alert

Answer 1

[Антон Антон]

https://developer.mozilla.org/en-US/docs/Web/API/M...

Answer 2

[Антон]

MutationObserver?

Answer 3

[Mizutsune]

Например с помощью Mutation Observer API.

const targetElement = document.querySelector(".player-selector");

const observer = new MutationObserver((mutations) => {
     mutations.forEach(({ target: t }) => {
          t.classList.contains("is-finished") ?
               alert("element contains class") :
               alert("element does not contain a class");
     })
});

observer.observe(targetElement, {
     attributes: true,
     attributeFilter: ['class']
});