JSON-Lab-2/GoldenGateBridge.js

var url = "https://data.sfgov.org/api/views/yitu-d5am/rows.json?accessType=DOWNLOAD";
var xmlhttp = new XMLHttpRequest();
var data;
var listGateMovies = "";

xmlhttp.open("GET", url, true);

xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        console.log(xmlhttp.response);
        data = JSON.parse(this.responseText);
        var movieArr = data.data;
        movieFunction(movieArr);
    }
};

xmlhttp.send();


function movieFunction(movieArr) {
    var match = "Golden Gate Bridge";
    for(var i = 0; i < movieArr.length; i++) {
        if (movieArr[i][10] === match)
            listGateMovies +=
                movieArr[i][8] + ' ' +
                movieArr[i][9] + ' ' +
                movieArr[i][12] + '<br>';
    }
    document.getElementById("result").innerHTML = listGateMovies;

}