JSON-Lab-2/httprequest.js

let httpRequest = new XMLHttpRequest();

httpRequest.open("GET", "https://data.sfgov.org/api/views/yitu-d5am/rows.json?accessType=DOWNLOAD", true);

httpRequest.onreadystatechange = function () {

    if ((httpRequest.readyState === 4) && (httpRequest.status === 200)) {

        let jsonData = JSON.parse(httpRequest.responseText).data;

        for (let i = 0; i < jsonData.length; i++) {
            if (jsonData[i][10] === "Golden Gate Bridge") {
                document.getElementById('result').innerHTML += (jsonData[i][8] + " (" + jsonData[i][9] + ")<br>Produced by "
                    + jsonData[i][12] + "<br><br>");
            }
        }
    }
};

httpRequest.send();