Zrozumienie kodu Javascript - Sliding Puzzle

Question

Witam. Nie rozumiem pewnych linii w kodzie (kod nie jest mój, jest znaleziony w internecie i staram się go zrozumieć, dlatego niektóre części są pokomentowane). Mianowicie chodzi o tę funkcję. 

function checkAdjacentCell(id) {
    var flag = -1;
    const topCellId = parseInt(id) - type,
        bottomCellId = parseInt(id) + type,
        rightCellId = parseInt(id) + 1,
        leftCellId = parseInt(id) - 1;
    adjacentId = [topCellId, bottomCellId, rightCellId, leftCellId];

    if (adjacentId[2] % type == 0) {
        adjacentId[2] = -1;
    } 
	else if (adjacentId[3] % type == type - 1) {
        adjacentId[3] = -1;
    }
	
	//nowe puste pole
    for (let i = 0; i < adjacentId.length; i++) {
        if (adjacentId[i] <= type ** 2 - 1 && adjacentId[i] >= 0) {
            var cell = document.getElementById(adjacentId[i]);
            if (cell.className == "pusta") {
                flag = adjacentId[i];
            }
        }
    }
    return flag;
}

Rozumiem, że ma ona sprawdzać sąsiednią komórkę. Nie rozumiem natomiast dlaczego wartości const mają dodawane -type, +type. -1 i +1 przy prawej i lewej komórce rozumiem, że chodzi o poruszanie się komórke o jeden w lewo lub w prawo. Nie wiem czemu jednak proszuamy się o "type" w przypadku poruszania się w górę i dół.

Comments

BTW, przy tym zapisie

 for (let i=0; i<(type*type)-1; i++){
    var cell = document.getElementById(i);
    if (cell.textContent == i+1) {...

nie da się wygrać  , IMO chyba powinno byc tak

for (let i=1; i<(type*type); i++) {
    var cell = document.getElementById(i);
    if (cell.textContent == i) {...

 

---

Sprawdziłem na twoim kodzie i nie da się wygrać. Poprzedni działa prawidłowo. Tu chyba chodzi o indeksy każdej komórki, więc od 0 do 15

---

Sugerowałem się, że id=0 to class="pusta",
a dalej id=1 class="cell", id=2 class="cell", ... itd.  

---

Bo ta pętla chyba przechodzi od 0 do 14 i przy 14 dodaje 1 i wtedy mamy na id = 15 mamy pusta komorke. Tak przynajmniej ja to rozumiem :)

Answer 1

Góra minus typ.

Dół plus typ.

ID - 1, ID - 2, ID - 10

ID + 1, ID + 2, ID + 10

Comments

id0	id1	id2	id3 % type == type - 1
id4 % type == 0			id7 % type == type - 1
id8 % type == 0			id11 % type == type - 1
id12 % type == 0			id15 % type == type - 1

% type == 0 - lewa krawędź

 % type == type - 1 - prawa

---

Napisałem swój kod na podstawie "swojej" definicji, a nie z Twojego rysunku.

---

cells = [
    id0,   id1,    id2,   id3,
    id4,   id5,    id6,   id7,
    id8,   id9,  id10, id11,
   id12, id13, id14, id15
]

---

No okey. Jeśli tak miałoby być, to masz rację. Leci plus.

---

Super, dziękuje wam za pomoc i za zrozumienie pewnych rzeczy. Pozdrawiam :D

Answer 2

type = 4

Comments

Dzięki, już to rozumiem :)