ცხრილის ფუნქციიდან დაბრუნება JavaScript-ში

წინა გაკვეთილში ჩვენ გავაკეთეთ ფუნქცია createTable. მოდით შევცვალოთ ეს ფუნქცია ისე, რომ ის არ დაამატებდეს ცხრილს რომელიმე ელემენტში, არამედ უბრალოდ დაბრუნებდეს მას return-ის მეშვეობით.

ანუ წინა გაკვეთილის კოდი გარდაიქმნება ასეთად:

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

შესაძლებელია უფრო მოკლედ გადაწერა:

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

ცხრილის მითითების მიღება შეიძლება დაგვჭირდეს იმისთვის, რომ რაიმე გავაკეთოთ შექმნილ ცხრილთან. მაგალითად, მოდით გავაფერადოთ მისი ტექსტის ფერი წითლად:

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>