"use strict"; // Present data of an array on a table const players = [ { name: "Donald", score: 100 }, { name: "Boris", score: 200 }, { name: "Xi", score: 300 }, { name: "Putin", score: 400 }, { name: "r2d2", score: 500 }, { name: "Scott", score: 110 }, { name: "Angela", score: 210 }, { name: "Modi", score: 310 }, { name: "Yoshihide", score: 410 }, { name: "skywalker", score: 510 }, { name: "Kim", score: 120 }, { name: "Boris", score: 220 }, { name: "Jean", score: 320 }, { name: "Mark", score: 420 }, { name: "Jedi", score: 520 }, ]; /** * @function arrayToTable * @description Build a table based on input array * @param {arr}. Array with element objects {name, score} * @returns null * @author calvin * @copyright C1R2D2 2019 */ function arrayToTable(arr) { const mainTable = document.getElementById("main-table"); const table = document.createElement('table'); //

arr.forEach(function(player) { const trs = document.createElement("tr"); // const td1 = document.createElement("td"); // const text1 = document.createTextNode(player.name); td1.appendChild(text1); // {text1} trs.appendChild(td1); // {text1} const td2 = document.createElement("td");// const text2 = document.createTextNode(player.score); td2.appendChild(text2); // {text2} trs.appendChild(td2); // // {text1} // {text2} // table.appendChild(trs); // // // // // //

{text1}

{text2}

}); mainTable.appendChild(table); //

// // // // // // // // // // : // : //

{text1}	{text2}
{text1}	{text2}

} onload = () => arrayToTable(players);

Get array to a table