JavaScript-те HTML кестелерін жасау
Бізде мынадай бос HTML кестесі бар болсын:
<table id="table"></table>
Осы кестені жолдар мен бағандармен толтырайық. Бізде шығуы керек нәтиженің мысалы:
<table id="table">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
Есепті шешу үшін бізге екі ішкі цикл қажет. Бірінші цикл кесте жолдарын жасайды, ал екіншісі - әрбір жолдағы ұяшықтарды:
let table = document.querySelector('#table');
for (let i = 0; i < 3; i++) {
let tr = document.createElement('tr');
for (let i = 0; i < 3; i++) {
let td = document.createElement('td');
tr.appendChild(td);
}
table.appendChild(tr);
}
Бос HTML кестесі берілген. Екі ішкі
for циклының көмегімен осы
кестені 5 жолмен 5 бағанға толтырыңыз.
Алдыңғы есепті өзгертіңіз, сонда
кесте 10 жолдан
5 бағанға дейін өлшемімен жасалады.
Алдыңғы есепті өзгертіңіз, сонда
әрбір td-ге 'x' мәтіні қосылады.
Кесте генераторын жүзеге асырыңыз, кестенің ені мен биіктігі
екі енгізу өрісінде беріледі (мысалы,
5 10 ұяшықты кесте).