Задача создать таблицу. Количество tr и td берем с инпута. Почему-то не определяет ouput method в let ct, хотя в самом class все нормально).
<body>
<input type="number" id="row" />
<div id="container"></div>
<script>
class createTable {
constructor(row) {
this.rowNum = row;
this.table = document.createElement("table");
}
make() {
for (let i = 0; i < this.rowNum; i++) {
this.table.appendChild(this.addRow(i));
this.table.border = "2px";
}
}
addRow(n) {
let tr = document.createElement("tr");
tr.appendChild(this.addCol(n));
return tr;
}
addCol(n) {
let td1 = document.createElement("td");
let input = document.createElement("input");
td1.appendChild(input);
return td1;
}
output(selector) {
let el = document.getElementById("container");
el.appendChild(this.table);
}
}
document.getElementById("row").addEventListener("change", function () {
let ct = new createTable(row.value).make().output("#container");
});
</script>
</body>
