Kurudi na Jedwali Kutoka kwa Chaguo-msingi kwenye JavaScript

Katika somo lilopita tulitengeneza chaguo-msingi createTable. Wacha turekebishe chaguo-msingi hii ili isiongeze jedwali kwenye kipengele fulani, bali irudishe tu kupitia return.

Hii ni, msimbo ulioonyeshwa katika somo lilopita unabadilika kuwa kama huu:

let div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);

Inaweza kuandikwa kwa ufupi zaidi:

let div = document.querySelector('#elem');
div.appendChild(createTable(3, 4));

Kupata kiungo kwa jedwali kunaweza kuhitajika kwa ajili ya kufanya kitu kwa jedwali lililotengenezwa. Kwa mfano, wacha tuipake rangi ya maandishi kuwa nyekundu:

let div = document.querySelector('#elem');

let table = createTable(3, 4);
table.style.color = 'red';

div.appendChild(table);

Rekebisha chaguo-msingi yako createTable kulingana na yaliyoelezewa kwenye nadharia.

Tuchukulie tuna divi kama hii na aya:

<div id="elem">
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

Kwa kutumia chaguo-msingi createTable tengeneza jedwali jipya, kisha uiingize mwishoni mwa divi.