JavaScript में HTML टेबल बनाने के लिए फ़ंक्शन

चलिए अब एक फ़ंक्शन createTable बनाते हैं, जो एक निर्दिष्ट आकार की टेबल बनाएगा और इसे दिए गए एलिमेंट के अंत में जोड़ देगा।

मान लीजिए कि हमारा फ़ंक्शन पहले पैरामीटर के रूप में पंक्तियों की संख्या, दूसरे पैरामीटर के रूप में कॉलम की संख्या, और तीसरे पैरामीटर के रूप में DOM एलिमेंट के लिए एक रेफरेंस स्वीकार करता है, जिसके अंदर हमारी टेबल बनेगी।

चलिए देखते हैं कि हम वर्णित फ़ंक्शन का उपयोग कैसे करेंगे जब यह बन जाएगा। मान लीजिए, उदाहरण के लिए, हमें एक ऐसा डिव दिया गया है:

<div id="elem"></div>

चलिए इस डिव के अंदर 3 बाय 4 की एक टेबल बनाते हैं:

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

मान लीजिए अब हमें दो डिव दिए गए हैं:

<div id="elem1"></div>
<div id="elem2"></div>

चलिए इनमें से प्रत्येक डिव में अपनी अपनी टेबल बनाते हैं:

let div1 = document.querySelector('#elem1');
createTable(3, 4, div1);

let div2 = document.querySelector('#elem2');
createTable(5, 6, div2);

ताकि बनाई गई टेबलें तुरंत दिखाई दें, कुछ CSS जोड़ा जा सकता है, उदाहरण के लिए, ऐसा:

td {
	width: 50px;
	height: 50px;
	border: 1px solid black;
}

यहाँ वर्णित फ़ंक्शन का एक खाका है:

function createTable(rows, cols, parent) {
	let table = document.createElement('table');
	
	// यहाँ rows पंक्तियों और cols कॉलमों वाली टेबल बनाएंगे
	for () {
		for () {
			
		}
	}
	
	parent.appendChild(table);
}

ऊपर प्रस्तुत फ़ंक्शन के खाके का कोड पूरा करें। तैयार फ़ंक्शन के काम का परीक्षण करें।