ცხრილის ფუნქციიდან დაბრუნება 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 ფუნქციის დახმარებით შექმენით ახალი ცხრილი, შემდეგ კი ჩასვით იგი დივის ბოლოში.