जावास्क्रिप्ट में फ़ंक्शन से टेबल वापस लौटाना

पिछले पाठ में हमने एक फ़ंक्शन 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 की सहायता से एक नई टेबल बनाएं, और फिर उसे डिव के अंत में डालें।