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

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

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

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

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

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

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

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

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

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

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

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

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

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

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