продолжить функцию после того как условие будет верно

Как мне сделать так, что бы когда условие true функция продолжила работу? там где function wait(). Пробую делать так, ошибок нет, но ничего не происходит.

roducts.addEventListener('click', (event) =>
{
  const element = event.target;
  
  // Проверяем, на каком элемент был произведен клик
  if (element.classList.contains('add_to_cart_button'))
  {
    // Отменяем стандартное поведение (в данном случае - переход по ссылке)
    event.preventDefault();

    let child = document.querySelector('.added_to_cart');

    let contains = element.contains(child);
    
    // Выводим информацию (href и элемент
    console.log(element.getAttribute('href'), element);
    console.log(contains);

    **function wait(){ if (contains  == false){ setTimeout(wait,100); } else { 
        const isCart = (element.textContent == 'В корзине');
    
        // Устанавливаем текст, в зависимости от текста на кнопки (Если было "В корзине" станет "В корзину" и наоборот)
        element.textContent = (isCart ? 'В корзину' : 'В корзине');
    }}; 
wait();**
  }
});

пробую так, так же не работает

    setInterval(function() {
            if (contains  == true){
                const isCart = (element.textContent == 'В корзине');
    
                // Устанавливаем текст, в зависимости от текста на кнопки (Если было "В корзине" станет "В корзину" и наоборот)
                element.textContent = (isCart ? 'В корзину' : 'В корзине');
            }
        }, 100);

Ответы (1 шт):

Автор решения: MyNameIsKitsune

попробуй

var t = setTimeout(function wait(){
  if(contains == true){ //твой код }
  else{
    t = setTimeout(wait, 100);
  }
}, 100);
→ Ссылка