Распарсить JSON
 

Здравствуйте, пытаюсь распарсить JSON. Вот кусок кода

function ajaxGet(s, url) {
    let request = new XMLHttpRequest();

    request.onreadystatechange = function () {
        if (request.readyState == 4 && request.status == 200) {
            let data = JSON.parse(request.responseText);
            for(let i in data.results) {
                document.getElementById("firstname").innerHTML = data.results[i].name.first;
                document.getElementById("lastname").innerHTML = data.results[i].name.last;                
            }  
        }
    }
    request.open('GET', url);
    request.send();
}

<div class="container">
    <div id="firstname"></div>
    <div id="lastname"></div>
  </div>

Но почему-то выводит только последние значения из массива объекта, может подскажет кто, где я косячу?

ar4ipers,
").innerHTML +=

Спасибо, а если списком например?

ar4ipers,

function ajaxGet(s, url) {
    let request = new XMLHttpRequest();
    request.onreadystatechange = function () {
        if (request.readyState == 4 && request.status == 200) {
            let data = JSON.parse(request.responseText);
        document.querySelector(".container").innerHTML = data.results.reduce(function(ul, el) {
                return ul + "<li>" + el.name.first + " " + el.name.last
            }, "<ul>");

        }
    }
    request.open('GET', url);
    request.send();
}