Untitled

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        td {
            border: 1px solid black;
            width: 32px;
            height: 32px;
            text-align: center;
        }

        .sciana {
            background-color: red;
        }

        .snek {
            background-image: url("snek.png");
            background-color: pink;
        }

        .plansza {
            background-color: white;
        }

        .owocek {
            background-image: url("owocek.png");
            background-color: violet;
        }

        .glowa {
            background-color: green;
        }

        .ogon {
            background-color: aqua;
        }
    </style>
</head>

<body onkeyup="przycisk(event)">
    <script>
        var kierunek = 0
        var teraz = "7;7"
        var owocek = "5;7"
        var dlugosc = 1
        var elementywenza = []
        var sprawdzanko = 0
        function tworzenieplanszy() {
            var container = document.createElement("div")
            container.id = "container"
            for (var i = 0; i < 15; i++) {
                var rzad = document.createElement("tr")
                container.appendChild(rzad)
                for (var k = 0; k < 15; k++) {
                    var komorka = document.createElement("td")
                    komorka.id = i + ";" + k
                    if (i == 0 || i == 14 || k == 0 || k == 14) {
                        komorka.className = "sciana"
                    }
                    if (i == 7 && k == 7) {
                        komorka.className = "snek"
                    }
                    if (i == 5 && k == 7) {
                        komorka.className = "owocek"
                    }
                    rzad.appendChild(komorka)
                }
            }
            document.body.appendChild(container);
        } tworzenieplanszy()
        function przycisk(e) {
            if (e.code == "ArrowLeft" || e.code == "ArrowRight" || e.code == "ArrowUp" || e.code == "ArrowDown") {
                if (kierunek == 0) {
                    intervalGry = setInterval(function () {
                        poruszanko();
                    }, 250);
                }
            }
            if (e.code == "ArrowLeft" && kierunek != 4) {
                kierunek = 3
            }
            if (e.code == "ArrowRight" && kierunek != 3) {
                kierunek = 4
            }
            if (e.code == "ArrowUp" && kierunek != 2) {
                kierunek = 1
            }
            if (e.code == "ArrowDown" && kierunek != 1) {
                kierunek = 2
            }
        }
        function losowankoowocka() {
            sprawdzanko = 0
            wysokoscowocka = Math.floor(Math.random() * (13 - 1 + 1)) + 1;
            szerokoscowocka = Math.floor(Math.random() * (13 - 1 + 1)) + 1;
            owocek = wysokoscowocka + ";" + szerokoscowocka
        }
        function poruszanko() {
            var bylo = teraz
            var aaa = bylo.split(";")
            var szer = aaa[1]
            var wys = aaa[0]
            if (kierunek == 1) {
                wys--
            }
            if (kierunek == 2) {
                wys++
            }
            if (kierunek == 3) {
                szer--
            }
            if (kierunek == 4) {
                szer++
            }
            teraz = wys + ";" + szer
            if (teraz == owocek) {
                losowankoowocka()
                var zmienianko = document.getElementById(owocek)
                zmienianko.className = "owocek"
                elementywenza.unshift(bylo)
                dlugosc++
            }
            if (szer == 0 || szer == 14 || wys == 0 || wys == 14) {
                clearInterval(intervalGry)
                alert("przegrales, lmao")
                location.reload();
            }
            if (dlugosc > 1) {
                bylo = elementywenza[elementywenza.length - 1]
            }
            for (var j = 0; j < elementywenza.length; j++) {
                if (teraz == elementywenza[j] && dlugosc > 2) {
                    clearInterval(intervalGry)
                    alert("przegrales, lmao")
                    location.reload();
                }
            } elementywenza.pop()
            elementywenza.unshift(teraz)
            teraz = elementywenza[0]
            var zmienianko = document.getElementById(teraz)
            var kasowanko = document.getElementById(bylo)
            zmienianko.className = "snek"
            if (kasowanko.className != "owocek") {
                kasowanko.className = "plansza"
            }
        }
    </script>
</body>

</html>