Илья Бондаренко

async function clickByElement() {
    let element = document.querySelector('.css-1swe2yf-DivActionContainer.esns4rh0 [aria-pressed="false"]');
    if (!element) return null;

    console.log('Клик!')
    element.click();
    while (element.getAttribute('aria-pressed') !== 'true') {
        await new Promise(resolve => setTimeout(resolve, 100));
    }
    
    return true;
}

async function clickAllElements() {
    let foundClickable = false;
    while (await clickByElement() !== null) {
        foundClickable = true;
    }
    
    return foundClickable;
}

async function scrollToBottomAndClickAgain() {
    const scrollContainer = document.querySelector('.css-1qp5gj2-DivCommentListContainer.ekjxngi3');
    if (scrollContainer) {
        console.log('Крутим страницу и ждем 10 сек.')
        let lastScrollTop = scrollContainer.scrollTop;
        scrollContainer.scrollTop = scrollContainer.scrollHeight;
        await new Promise(resolve => setTimeout(resolve, 10000));

        if (scrollContainer.scrollTop !== lastScrollTop) {
            if (await clickAllElements()) {
                await scrollToBottomAndClickAgain();
            } else {
                console.log('Прокрутка выполнена, новые элементы для клика не найдены.');
            }
        } else {
            console.log('Достигли конца прокрутки, больше нечего прокручивать.');
            if (await clickAllElements()) {
                await scrollToBottomAndClickAgain();
            } else {
                console.log('Задача окончательно завершена, кликов больше не осталось');
            }
        }
    } else {
        console.error('Контейнер для прокрутки не найден');
    }
}

async function initiateClicksAndScroll() {
    if (await clickAllElements()) {
        await scrollToBottomAndClickAgain();
    } else {
        console.log('Нет элементов для начальных кликов, проверяем прокрутку');
        await scrollToBottomAndClickAgain();
    }
}

initiateClicksAndScroll().then(() => console.log('Задача выполнена май генерал!'));

init() {
    this.targets.forEach((target, index) => {
        target.index = index;
        target.addEventListener("click", (event) => this.animateTab(event, this));
    });
}

init() {
    for (let i = 0; i < this.targets.length; i++) {
        this.targets[i].index = i;
        this.targets[i].addEventListener("click", this.animateTab.bind(this));
    }
}

Как вообще задавать фикс значения используя бутстрап?

Создавать свой класс? Нормально ли вообще создавать свой класс и юзать его в перемешку с версткой на bootstrap?

Если да, то как организовывать такие классы в файловой структуре, ведь они будут созданы только в том случае, если возможностей бустрапа не хватит.

<?php
function getTags($strTag) {
    return array_combine(
        array_map(
            fn($attribute) => array_shift(explode("=", $attribute)),
            explode(" ", trim($strTag))
        ),
        explode(" ", trim($strTag))
    );
}

function getAttributes($strTag) {
    return array_map(
        fn($attribute) => array_pop(explode("=", $attribute)),
        getTags($strTag)
    );
}

preg_match_all('/(?<=\<img).*?(?=>)/', $this->html, $match, PREG_PATTERN_ORDER);

$this->tags = array_map(
    fn($strTag) => [
        "original" => "<img " . $strTag . ">",
        "attributes" => getAttributes($strTag)
    ],
    $match[0]
);