document.addEventListener("DOMContentLoaded", function () {

    var idMenu = document.querySelectorAll("#menu li")
    // console.log(idMenu);

    var fun = function getDataInfo(element) {
        var newArray = [];

        element.forEach(function (el) {
            // console.log(el)
            newArray += [el.dataset.info];
        })
        // console.log(newArray)
        return newArray;

    }

    console.log(fun(idMenu));

    //zad2

    var mainContener = document.querySelector("#main-contener")
    console.log(mainContener);

    var fun2 = function getElementClass(element) {


        return element.classList

    }


    console.log("zadanie 2: " + fun2(mainContener))


    //ZADANE3
    var pinkColorClass = document.querySelector(".pink-color")
    console.log(pinkColorClass.innerText);

    var fun3 = function getElementText(element) {

        return element.innerText;

    }

    console.log("zadanie 3: " + fun3(pinkColorClass));

    //zadanie 4
    var images = document.querySelectorAll(".images")
    console.log(images);

    var fun4 = function getElementAlt(element) {
        var arr = [];

        for (var i = 0; i < element.length; i++) {
            arr += element[i].alt;
        }
        return arr


    }

    console.log("zadanie 4: " + fun4(images));

    //zadanie 5
    var links = document.querySelectorAll(".my-link")

    console.log(links);
    var fun5 = function getElementHref(element) {

        var arr = []
        element.forEach(function (el) {
            arr += el.href

        })
        return arr

    }

    console.log("zadanie 5: " + fun5(links));

});