Untitled

const listUsers = async()=>{
    try{
        const response = await fetch("https://jsonplaceholder.typicode.com/users");
        const users = await response.json();
        console.log(users)
        console.log(Object.keys(users[0]))

        /* function buildTableHead(data){
            let head = document.getElementById('myTableHead')
            for (let i = 0; i < data.length; i++) {
                let headers = `<tr class="bg-info">
                <th>${data[i].name}</th>
                <th>${data[i].username}</th>
                <th>${data[i].email}</th>
          </tr>`
                head.innerHTML += headers;
            }
        } */
        
        function buildTable(data){
            let table = document.getElementById('myTable')
            for (let i = 0; i < data.length; i++){
                let row = `<tr>
                                <td>${data[i].name}</td>
                                <td>${data[i].username}</td>
                                <td>${data[i].email}</td>
                          </tr>`
                table.innerHTML += row
            }
        }
        buildTable(users);
        /* buildTableHead(users[0]) */
    }
    catch(e){
        alert(e)
    }
}

window.addEventListener("load",async()=>{
    await listUsers();
})