JavaScript-də funksiyadan cədvəlin qaytarılması

Əvvəlki dərsdə biz createTable funksiyasını etdik. Gəlin bu funksiyanı elə dəyişək ki, cədvəli hansısa elementə əlavə etməsin, əksinə sadəcə onu return ilə qaytarsın.

Yəni əvvəlki dərsin göstərilən kodu bununla belə çevrilir:

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

Daha qısa şəkildə yenidən yazmaq olar:

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

Cədvələ istinadın alınması yaradılmış cədvələ nə isə etmək üçün lazım ola bilər. Məsələn, gəlin onun mətn rəngini qırmızıya boyayaq:

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

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

div.appendChild(table);

createTable funksiyanızı nəzəriyyədə təsvir olunduğu kimi dəyişin.

Tutaq ki, bizdə abzasları olan belə bir div var:

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

createTable funksiyasından istifadə edərək yeni cədvəl yaradın və sonra onu divin sonuna daxil edin.