Есть 2 инпута для ввода числа строк и столбцов, по клику на кнопке создается таблица с нужными параметрами.
function createTable() {
const tableGrid = document.querySelector(".table-grid");
tableGrid.innerHTML = "";
const table = document.createElement("table");
table.className = "table";
const rowValue = document.querySelector("#row-count").value;
const columnValue = document.querySelector("#column-count").value;
for (let i = 0; i < rowValue; i++) {
const tr = document.createElement("tr");
for (let j = 0; j < columnValue; j++) {
const td = document.createElement("td");
tr.append(td);
// td.innerHTML = `${i + 1}${j + 1}`;
}
table.append(tr);
}
tableGrid.append(table);
}
const myButton = document.querySelector(".button");
myButton.addEventListener("click", createTable);
если реализовать в самом цикле "td.innerHTML = ${i + 1}${j + 1}
", то все работает и результат мне подходит. Но мне нужно реализовать заполнение отдельной функцией по уже созданной таблице. С чем я должен взаимодействовать и как реализовать логику? Вроде бы просто, но я запнулся...