JS
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://jsonplaceholder.typicode.com/users', false);
xhr.send();
if (xhr.status != 200) {
// обработать ошибку
alert( xhr.status + ': ' + xhr.statusText ); // пример вывода: 404: Not Found
}
var users = JSON.parse(xhr.responseText)
console.table(users)
buildTable(users)
function buildTable(users){
var table = document.getElementById('users')
for (var i = 0; i < users.length; i++){
var row = `<tr>
<td>${users[i].name}</td>
</tr>`
users.innerHTML += row
}
}
HTML
<div class="content">
<div class="table">
<table class="table table-hover">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Name</th>
<th scope="col">Username</th>
<th scope="col">email</th>
<th scope="col">phone</th>
<th scope="col">Company</th>
</tr>
</thead>
<tbody id="users">
<tr>
<!--здесь должны быть генерированы строчки-->
</tr>
</tbody>
</table>
</div>
</div>
Данный строки кода должны были генерировать строки в существующей таблице, однако этого не происходит, в чем может быть проблема??