dom-js

[KonstantinOkhorzin]

DOM

Demo |
Code base

The code is submitted in a dedicated feature branch.

Only code files are submitted.

Please, review.

[madmaxWMFU]

Great job! See some comments below.

[KonstantinOkhorzin]

If I understood the comments correctly, I corrected your remarks. Please, check the changes.

[madmaxWMFU]

Don't forget to update your local repository. Your demo not last version.

[KonstantinOkhorzin]

Please, check the changes.

[madmaxWMFU]

Your variable data does not change its content, so you can not pass it constantly as an argument to functions.
In your main function showSeasonsGot, leave only function calls and event handlers.

[madmaxWMFU]

I recommend to create a variable styleList which have properties with className. Because if in css some class was changed in code we must found and edit all rows with this className.

const styleList = {
   activeItemMenu: 'side-menu__btn_active',
    ...........................
}

    const toggleActiveClass = (activeBtn = 0) => {
        const btnList= document.querySelectorAll('.side-menu__btn');
        btnList.forEach(btn=> {
            if(btn.dataset.id !== activeBtn) {
                    btn.classList.remove(activeClassSelector);
            } else {
                     btn.classList.add(activeClassSelector);
            }
        });
    };

[KonstantinOkhorzin]

I fixed all. Please, check the changes.

[madmaxWMFU]

Three changes and I approve your work)

[madmaxWMFU]

Use Array.filter() to select data.

[madmaxWMFU]

If you want to get something from an array you rather use the array methods. You can try the example I offered you earlier or do something different.

[madmaxWMFU]

Separate this function and event listener.

const toggleBurger = () => { .... }
btnBurger.addEventListener('click', toggleBurger);

[KonstantinOkhorzin]

I changes all). Please, check the changes and approve my work)