примерно вот так
// выберите элемент, который вы хотите отслеживать
const targetNode = document.querySelector('.wpcf7-response-output');
let successText;
// создайте экземпляр MutationObserver
const observer = new MutationObserver(function(mutationsList) {
for(let mutation of mutationsList) {
if (mutation.type === 'childList') {
// если тип мутации является childList (изменение дочерних элементов), то выполните действия
successText = mutation.target.textContent;
console.log(successText, 'in Observer');
}
}
});
// настройте параметры наблюдения
const config = { attributes: true, childList: true, subtree: true };
// начните отслеживать элемент
observer.observe(targetNode, config);
const submitBtns = document.querySelector('button');
submitBtns.addEventListener('click', function() {
// изменяем контент через 3 сек после клика
setTimeout(function() {
document.querySelector('.wpcf7-response-output').textContent = 'New content';
}, 3000);
});
здесь observer это ф-я, которая будет всегда вызываться при изменении контента. Можете в нее добавить дополнительную логику (проверка клика, семафор и др..).
