JavaScriptте HTML таблицаларды түзүүчү функция
Эми createTable функциясын жасайлы,
ал берилген өлчөмдөгү таблицаны түзүп, берилген
элементтин аягына кошот.
Биздин функциянын биринчи параметри катары катарлардын санын, экинчи параметри катары тилкелердин санын, үчүнчү параметри катары биздин таблицанын ичинде түзүлө турган DOM элемент шилтемесин кабыл алышсын.
Келгиле, түзүлгөндөн кийин сизтелген функцияны кантип колдонобуз, көрөлү. Мисалы, бизге мындай див берилди дейли:
<div id="elem"></div>
Келгиле, ушул дивдин ичинде 3ге 4 таблица жасайлы:
let div = document.querySelector('#elem');
createTable(3, 4, div);
Эми бизге эки див берилди дейли:
<div id="elem1"></div>
<div id="elem2"></div>
Келгиле, ушул дивдердин ар бирине өз таблицаңызды жасаңыз:
let div1 = document.querySelector('#elem1');
createTable(3, 4, div1);
let div2 = document.querySelector('#elem2');
createTable(5, 6, div2);
Түзүлгөн таблицалар дароо көрүнүшү үчүн, кандайдыр бир CSS кошсоңуз болот, мисалы, мындай:
td {
width: 50px;
height: 50px;
border: 1px solid black;
}
Мына сизтелген функциянын даярдоосу:
function createTable(rows, cols, parent) {
let table = document.createElement('table');
// бул жерде rows катарлары жана cols тилкелери бар таблица түзөбүз
for () {
for () {
}
}
parent.appendChild(table);
}
Жогоруда келтирилген функциянын даярдоосундагы кодду жазып бүтүрүңүз. Даяр функциянын иштешин текшериңиз.