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:

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

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

javascriptlet 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:

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

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

div.appendChild(table);

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