Отобразил не всё, меняй по-своему.
Сам парсил в тег table
const fioUrl = "https://jsonplaceholder.typicode.com/users";
const xhr = new XMLHttpRequest();
xhr.open("GET", fioUrl);
xhr.responseType = "json";
xhr.onload = function () {
console.log(xhr.response);
document.querySelector("#demo").innerHTML = toHtml(xhr.response);
};
xhr.send();
function toHtml(json) {
let html = "";
for (let k = 0; k < json.length; k++) {
const key = json[k];
html += `<tr>
<td>${key.id}</td>
<td>${key["name"]}</td>
<td>${key["username"]}</td>
<td>${key.email}</td>
<td>${key.address['street']} - ${key.address['suite']}</td>
<td>${key.phone}</td>
<td>${key.website}</td>
<td>${key.company['name']}</td>
</tr>`;
}
return html;
}