ну да ладно зато поиграл с кодом

гуглануть дольше чем писать вопрос тут?

const products = document.querySelector('.products');

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

   // Проверяем текст у элемента, если он будет "В корзине", в переменной будет true, иначе false
   const isCart = (element.textContent == 'В корзине');
   
   // Устанавливаем текст, в зависимости от текста на кнопки (Если было "В корзине" станет "В корзину" и наоборот)
   element.textContent = (isCart ? 'В корзину' : 'В корзине');
 }
});

Наверное проще, я не подумал об этом, не пришло в голову подходящее событие.

не могу найти

где есть нормальные уроки по делегированию?

то есть суть какая? (event) в методе, означает что событие применимо для всех итераций коллекции?

MAX_SAFE_INTEGER == bigInt

нету лимита

const waitForElement = (selector) =>
 new Promise((resolve) =>
   new MutationObserver((mutationsList) => {
     mutationsList.forEach((mutation) => {
       const node = mutation.addedNodes.find((node) =>
         node?.matches(selector)
       );
       if (node) {
         resolve(node);
       }
     });
   }).observe(document.body, { childList: true, subtree: true })
 );

очень грубо если, то +- так
написано говёно и на скорость. так что может и не работать хд

😁 буду вкуривать

а пфф, яву нагуглил. Короч надо самому такое гуглить

Ох и тяжело это все осознавать 😂 забористая дрянь, спасибо

это просто херово написано

да нормально написано