var dvimatisLangeliai = [];





window.onload = function()
{
    const EILUCIU_SK = 8;
    const STULPELIU_SK = 8;
    var langeliai = document.querySelectorAll(".flex-container div");



    var dabartinisLangelis = 0;
    for (let i = 0; i < EILUCIU_SK; i++)
    {
        var tempLangeliai = [];

        for (let j = 0; j < STULPELIU_SK; j++)
        {
            tempLangeliai.push(langeliai[dabartinisLangelis]);

            dabartinisLangelis++;
        }
        dvimatisLangeliai.push(tempLangeliai);
    }

    console.log(dvimatisLangeliai);

    console.log(dvimatisLangeliai[4][5]);

    for (let i = 0; i < EILUCIU_SK; i++)
    {
        for (let j = 0; j < STULPELIU_SK; j++)
        {
            dvimatisLangeliai[i][j].addEventListener("click", function () { isvestiLangeli(i, j) } );
        }
    }
}

function isvestiLangeli(i, j)
{
    var lentosRaides = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'];
    var langelioRaide = lentosRaides[i];
    var langelioSkaicius = j + 1;
    console.log(langelioRaide + langelioSkaicius);
}

function nuspalvintiLangeli()
{
    var lentosRaides = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'];
    var tekstoLaukelis = document.getElementById("pasirinktas-langelis");
    var ieskomasLangelisStr = tekstoLaukelis.value;

    var langelioRaide = ieskomasLangelisStr[0];
    var langelioSkaicius = ieskomasLangelisStr[1];
    langelioSkaicius = parseInt(langelioSkaicius);

    console.log(langelioRaide);
    console.log(langelioSkaicius);

    var eilutesSk = lentosRaides.indexOf(langelioRaide);
    var stulpelioSk = langelioSkaicius - 1;

    dvimatisLangeliai[eilutesSk][stulpelioSk].style.backgroundColor = "green";
}