JS - Drucken von JSON-Informationen aus einer API-Anfrage

Ich habe diese Funktion. Mit xhr.response bekomme ich meine Json-Werte. Frage: Wie hänge ich diese JSON-Werte an meine HTML-Labels an? Vielen Dank.

Unrelevante Frage: Kennt jemand eine gute Website, auf der JSON-Anfangskonzepte kompakt zusammengefasst sind?

Zum Beispiel Land zum Label Land.

function initPage(){
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "http://ip-api.com/json", false);
    xhr.send();

    console.log(xhr.status);
    console.log(xhr.statusText);
    console.log(xhr);
    console.log(xhr.response);
}

JSON-Ausgabe: Besuchen Sie http://ip-api.com/json

Gewünschter HTML-Code:

<label id="landcode"></label>
<label id="country"></label>
<label id="regio"></label>
<label id="city"></label>
<label id="postcode"></label>
<label id="latitude"></label>
<label id="longitude"></label>
<label id="ip"></label>