document.addEventListener('DOMContentLoaded', () => {

    let items = document.querySelectorAll('.nav-link');
    items.forEach(i => {
    //   console.log(i.innerText);
    });

    const task2 = () => {
        let parent = document.querySelectorAll('.card-body');
        console.log(parent);
        // let children = [...parent].map(p => {return p.querySelectorAll('p')});
        // console.log(children);
        let c = document.querySelectorAll('.card-body p');
        c.forEach(item => {
            item.innerText = 'КУП МУТ 2022';
        });
    }

    task2();

    const task3 = () => {
        let items = document.querySelectorAll('.text-blue');
        items.forEach(i => {
            i.classList.remove('text-blue');
        });
        let newItems = document.querySelectorAll('.text-blue');
        console.log(newItems);
        console.log(items);

    }

    task3();

    let btn = document.querySelector('.btn-yellow');
    btn.style.display = 'none';
    // btn.style.visibility = 'hidden';

    let btnClick = document.querySelector('.btn-blue');
    btnClick.addEventListener('click', (e) => {
        btn.style.display = 'inline-block';
    });

    const task6 = () => {
        let links = document.querySelectorAll('a');
        links.forEach(item => {
            item.addEventListener('mouseenter', (e) => {
                let text = e.target.innerText.split('').reverse().join('');
                e.target.innerText = text;
                // let text = e.target.innerText;
                // let reversed = '';
                // for(let i = 0; i < text.length; i++){
                //     reversed += text[text.length - 1 - i];
                //     console.log(reversed);
                // }
                // console.log(reversed);
                // for(let i = text.length - 1; i >= 0; i--){
                //     reversed += text[i];
                //     console.log(reversed);
                // }
                // console.log(reversed);
            });
        });
    }

    task6();

    const task7 = () => {
        let headers = document.querySelectorAll('.card-header');
        headers.forEach(item => {
            item.addEventListener('click', (e) => {
                e.target.parentNode.style.position = 'relative';
                let moveable = e.target;

                e.target.parentNode.addEventListener('mousemove', (e) => {
                    moveable.style.position = 'absolute';
                    moveable.style.top = e.layerY + 'px';
                    moveable.style.left = e.layerX + 'px';
                    console.log(e);
                });
                // moveable.style.bottom = '0px';
            });
        });
    }
    task7();
});