JavaScript'te Fonksiyondan Tablo Döndürme

Önceki derste, createTable fonksiyonunu yapmıştık. Bu fonksiyonu, tabloyu bir elemana eklemek yerine, sadece return ile döndürecek şekilde modifiye edelim.

Yani önceki dersin aşağıdaki kodu şu hale dönüşür:

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

Daha kısa şu şekilde yazılabilir:

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

Tablo referansını almak, oluşturulan tablo ile bir şeyler yapmak için gerekli olabilir. Örneğin, metin rengini kırmızı yapalım:

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

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

div.appendChild(table);

createTable fonksiyonunuzu teoride anlatıldığı şekilde değiştirin.

İçinde paragraflar olan şöyle bir div'imiz olsun:

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

createTable fonksiyonunu kullanarak yeni bir tablo oluşturun ve ardından onu div'in sonuna ekleyin.