JSON-Lab-2/js/index.js

const request = new XMLHttpRequest();
var movies;
var output = "";

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

request.onreadystatechange = function(){
  if((request.status==200) && (request.readyState==4)){
    // console.log(request.responseText);
    movies = JSON.parse(request.responseText);

    for (i = 0; i < movies.data.length; i++) {

      if (movies.data[i][10] == "Golden Gate Bridge")

        output += "Movie Title: " + movies.data[i][8] + "<br/>"
          + "Release Year: " + movies.data[i][9] + "<br/>"
          + "Production Company: " + movies.data[i][12] + "<br/>"
          + "<br/>";

    }
    document.getElementById('result').innerHTML += output;
  }
}

request.send();