title: How do I append elements in another created element
body: <p>I am createing a small game for a project. However I need to dynamicly add 9 td's (<code>&lt;td&gt;</code>) in each <code>tr</code>  using only <code>createElement</code> and <code>appendChild</code></p>
  
  <pre><code>function trFunction() {
    var node = document.createElement("tr");
    var no = document.createElement("td");
    let tr = document.querySelector('tr')
    table1.appendChild(node);
  
  }
  let body = document.querySelector('body')
  let table = document.createElement("table")
  body.appendChild(table)
  let table1 = document.querySelector('table')
  for (var i = 0; i &lt; 9; i++) {
    trFunction()
  }
  </code></pre>