Mám problém s Javascriptem. Jak zařídit, aby se ta červená část kódu chovala normálně?

IDCLIP

Tady je ten .js soubor, pro přehlednost zvlášť…

let tabulka;
let vychoziVelikostX = 5;
let vychoziVelikostY = 3;

let aktivniBunka;

function vytvorVychozi­Tabulku() {
tabulka = document.crea­teElement(„ta­ble“);
document.body­.appendChild(ta­bulka);
for (let y = 0; y < vychoziVelikostY; y++) {
let tr = document.crea­teElement(„tr“);
tabulka.appen­dChild(tr);

for (let x = 0; x < vychoziVelikostX; x++) {
tr.appendChil­d(vytvorBunku());
}
 }
}

function vytvorOvladaci­Tlacitka() {
vytvorTlacitko­AVlozHo(„Přidat řádek dolů“, document.body)­.onclick = pridejRadekDolu;
vytvorTlacitko­AVlozHo(„Přidat řádek nahoru“, document.body)­.onclick = pridejRadekNahoru;
vytvorTlacitko­AVlozHo(„Přidat sloupec vlevo“, document.body)­.onclick = pridejSloupec­Doleva;
vytvorTlacitko­AVlozHo(„Přidat sloupec vpravo“, document.body)­.onclick = pridejSloupec­Doprava;
vytvorTlacitko­AVlozHo(„Odstra­nit řádek“, document.body)­.onclick = smazRadek;
vytvorTlacitko­AVlozHo(„Odstra­nit sloupec“, document.body)­.onclick = smazSloupec;
}

function vytvorBunku() {
let td = document.crea­teElement(„td“);

let tdInput = document.crea­teElement(„in­put“);

tdInput.type = „text“;
tdInput.onfocus = function () {
aktivniBunka = this;
}
td.appendChil­d(tdInput);

return td;
}

function vytvorRadek() {
let novyRadek = document.crea­teElement(„tr“);

let prvniRadek = tabulka.firstE­lementChild;
let bunkyPrvnihoRadku = prvniRadek.chil­dNodes;
let pocetBunekVPrvnim­Radku = bunkyPrvnihoRad­ku.length;

/*
* table = <TABLE>
* table.firstEle­mentChild = <TR>
* table.firstEle­mentChild.chil­dNodes = [<TD>]
* table.firstEle­mentChild.chil­dNodes.length = number
*
* table. firstElementChild. childNodes .length
* <TABLE>. <TR>. [<TD>] .length
 */

for (let i = 0; i < pocetBunekVPrvnim­Radku; i++) {
novyRadek.appen­dChild(vytvor­Bunku());
}
return novyRadek;
}

function vytvorTlacitko­AVlozHo(popisek, rodic) {
let btn = document.crea­teElement(„but­ton“);
btn.textContent = popisek;
rodic.appendChil­d(btn);
return btn;
}

function indexRadkuAktiv­niBunky() {
let cilHledani = tabulka.childNodes;
let hledanyPrvek = aktivniBunka.pa­rentElement.pa­rentElement;
return Array.prototy­pe.indexOf.ca­ll(cilHledani, hledanyPrvek);
}

function indexSloupceAk­tivniBunky() {
let bunkyVRadku = aktivniBunka.pa­rentElement.pa­rentElement.chil­dNodes;
let td = aktivniBunka.pa­rentElement;
return Array.prototy­pe.indexOf.ca­ll(bunkyVRadku, td);
}

function pridejRadekNahoru() {
let radek = vytvorRadek();
let indexVybraneho = indexRadkuAktiv­niBunky();
tabulka.inser­tBefore(radek, tabulka.childNo­des[indexVybra­neho]);
}

function pridejRadekDolu() {
let radek = vytvorRadek();
let indexVybraneho = indexRadkuAktiv­niBunky();
if (tabulka.lastChild == tabulka.childNo­des[indexVybra­neho]) {
tabulka.appen­dChild(radek);
} else {
tabulka.inser­tBefore(radek, tabulka.childNo­des[indexVybra­neho + 1]);
 }
}

function pridejSloupec­Doleva() {
let indexVybraneho = indexSloupceAk­tivniBunky();
for (let i = 0; i < tabulka.childNo­des.length; i++) {
tabulka.childNo­des[i].insertBe­fore(vytvorBun­ku(), tabulka.childNo­des[i].childNo­des[indexVybra­neho]);
 }
}

function pridejSloupec­Doprava() {
let indexVybraneho = indexSloupceAk­tivniBunky();
for (let i = 0; i < tabulka.childNo­des.length; i++) {
if (tabulka.chil­dNodes[i].chil­dNodes[indexVy­braneho] == tabulka.childNo­des[i].lastEle­mentChild) {
tabulka.childNo­des[i].appendChil­d(vytvorBunku());
} else {
tabulka.childNo­des[i].insertBe­fore(vytvorBun­ku(), tabulka.childNo­des[i].childNo­des[indexVybra­neho + 1]);
}
 }
}

function smazRadek() {
let indexVybraneho = indexRadkuAktiv­niBunky();
tabulka.removeChil­d(tabulka.chil­dNodes[indexVy­braneho]);
}

function smazSloupec() {
let indexVybraneho = indexSloupceAk­tivniBunky();
for (let i = 0; i < tabulka.childNo­des.length; i++) {
tabulka.childNo­des[i].removeChil­d(tabulka.chil­dNodes[i].chil­dNodes[indexVy­braneho]);
 }
}

window.onload = function () {
vytvorOvladaci­Tlacitka();
vytvorVychozi­Tabulku();
}