JavaScript функциясынан кесте қайтару
Алдыңғы сабақта біз
createTable функциясын жасадық.
Енді осы функцияны өзгертейік, ол кестені
қандай да бір элементке қоспай, тек қана оны
return арқылы қайтарсын.
Яғни алдыңғы сабақтың берілген коды мынауға айналады:
let div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);
Қысқаша қайта жазуға болады:
let div = document.querySelector('#elem');
div.appendChild(createTable(3, 4));
Кестеге сілтеме алу онымен бірнәрсе істеу үшін қажет болуы мүмкін. Мысалы, оның мәтінінің түсін қызылға бояйық:
let div = document.querySelector('#elem');
let table = createTable(3, 4);
table.style.color = 'red';
div.appendChild(table);
createTable функцияңызды
теорияда сипатталғанға сәйкес өзгертіңіз.
Бізде абзацтары бар мынай див бар делік:
<div id="elem">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
createTable функциясының көмегімен
жаңа кесте жасаңыз, содан кейін оны дивтің
соңына салыңыз.