Почему бред?
Сами же написали: "
скорее всего количество букв и элементов для них не совпадает.
alert([alphabet.length, small.length])"
Моя вина, наверное JS код надо было приводить полностью, а не фрагментарно. Вот код полностью.
let elem = document.querySelector('#elem');
createTable(elem, 8, 5);
function createTable(parent, cols, rows) {
let table = document.createElement('table');
for (let i = 0; i < rows; i++) {
let tr = document.createElement('tr');
for (let j = 0; j < cols; j++) {
let th = document.createElement('th');
th.className = "unit";
tr.appendChild(th)
};
table.appendChild(tr)
};
parent.appendChild(table)
};
const alphabet = ["Ա", "Բ", "Գ", "Դ", "Ե", "Զ", "Է", "Ը", "Թ", "Ժ", "Ի", "Լ", "Խ", "Ծ", "Կ", "Հ", "Ձ", "Ղ", "Ճ", "Մ", "Յ",
"Ն", "Շ", "Ո", "Չ", "Պ", "Ջ", "Ռ", "Ս", "Վ", "Տ", "Ր", "ՈՒ", "Փ", "Ք", "և", "Օ", "Ֆ"];
const inset = [["aghves", "apse", "ator"], ["gndak", "gile", "gdal"], ["2.0", "2.1", "2.2"],
["3.0", "3.1", "3.2"], ["4.0", "4.1", "4.2"], ["5.0", "5.1", "5.2"],
["6.0", "6.1", "6.2"], ["7.0", "7.1", "7.2"], ["8.0", "8.1", "8.2"],
["9.0", "9.1", "9.2"], ["10.0", "10.1", "10.2"], ["11.0", "11.1", "11.2"],
["12.0", "12.1", "12.2"], ["13.0", "13.1", "13.2"], ["14.0", "14.1", "14.2"], ["15.0", "15.1", "15.2"],
["16.0", "16.1", "16.2"], ["17.0", "17.1", "17.2"], ["18.0", "18.1", "18.2"], ["19.0", "19.1", "19.2"],
["20.0", "20.1", "20.2"], ["21.0", "21.1", "21.2"], ["22.0", "22.1", "22.2"], ["23.0", "23.1", "23.2"],
["24.0", "24.1", "24.2"], ["25.0", "25.1", "25.2"], ["26.0", "26.1", "26.2"], ["27.0", "27.1", "27.2"],
["28.0", "28.1", "28.2"], ["29.0", "29.1", "29.2"], ["30.0", "30.1", "30.2"], ["31.0", "31.1", "31.2"],
["32.0", "32.1", "32.2"], ["33.0", "33.1", "33.2"], ["34.0", "34.1", "34.2"], ["35.0", "35.1", "35.2"],
["36.0", "36.1", "36.2"], ["37.0", "37.1", "37.2"]];
const unit = document.getElementsByClassName("unit");
for (let i = 0; i < alphabet.length; i++) {
unit[i].append(alphabet[i])
};
let dial = document.getElementById("dial");
let but = document.getElementById("but");
let img = document.querySelectorAll(".img");
let activeUnit;
for (let i = 0; i < alphabet.length; i++){
unit[i].addEventListener("click", function() {
activeUnit = i;
dial.show();
for (let j = 0; j < img.length; j++) {
img[j].src = "cartoons/".concat(inset[activeUnit][j].concat(".png"))
}
})
};
but.addEventListener("click", function() {
dial.close();
});
let small = document.querySelectorAll(".small");
console.log (small);
let sound = document.createElement("audio");
for (let j = 0; j < alphabet.length; j++){
small[j].addEventListener ("click", function() {
sound.src = "audio/".concat(inset[activeUnit][j].concat(".mp3"));
sound.play()
})
};
Как видите, упомянутое вами несоответствие может быть между количеством букв в алфавите const alphabet (38) и количеством ячеек в let elem (40).
Как изменить let elem (40) на let elem (38) через JS, я не знаю.
Зато знаю, как это сделать через HTML.
