I think you are misunderstanding of variable definition. In ES6, we use let keyword to define variable and is valid in the scope of bracket in which it is defined. So the code should be following.
let tableUsers = document.getElementById("tableDiv");
function drawTable(){
let table = document.createElement("table");
let tableHead = document.createElement("thead");
let colHeads = ["column1", "column2"];
for (let header of colHeads){
let celle = document.createElement("th")
celle.innerHTML = header;
tableHead.appendChild(celle);
}
table.appendChild(tableHead)
let rad; // defined out of the for loop
for(let x of info){
rad = document.createElement("tr");
let firstname = document.createElement("td");
firstname.innerHTML = x.name.first;
rad.appendChild(firstname);
}
table.appendChild(rad)
}
drawTable()
{ .... }blocks, you'll see thatradis defined inside theforloop, buttable.appendChild(rad)is outside the loop, so can't see it. (Even if you didn't have the error, you would only be adding a row once, when you want to add a row for each item.)tableUsers.