title: Create HTML table from array (loop specific)
body: <p>Why does this loop not produce a table with 7 rows? I have tried with a regular for loop, while, forEach. I'm missing something.</p>
  <pre><code>  const MOUNTAINS = [
      {name: &quot;Kilimanjaro&quot;, height: 5895, place: &quot;Tanzania&quot;},
      {name: &quot;Everest&quot;, height: 8848, place: &quot;Nepal&quot;},
      {name: &quot;Mount Fuji&quot;, height: 3776, place: &quot;Japan&quot;},
      {name: &quot;Vaalserberg&quot;, height: 323, place: &quot;Netherlands&quot;},
      {name: &quot;Denali&quot;, height: 6168, place: &quot;United States&quot;},
      {name: &quot;Popocatepetl&quot;, height: 5465, place: &quot;Mexico&quot;},
      {name: &quot;Mont Blanc&quot;, height: 4808, place: &quot;Italy/France&quot;}
    ];
  
  
  let makeTable = (arr) =&gt; {
    let table = document.createElement('table');
    let row = document.createElement('tr');
    let data = document.createElement('td');
    for (let entry of arr) {
      table.appendChild(row).appendChild(data);
    }
    return table;
  }
  
  makeTable(MOUNTAINS)
  
  //&lt;table&gt;
  //  &lt;tr&gt;
  //    &lt;td&gt;&lt;/td&gt;
  //  &lt;/tr&gt;
  //&lt;/table&gt;
  
  
  </code></pre>