JSON-Lab-2/index.js

var request = new XMLHttpRequest();
var output="";
let flick_data_json;

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)){

  flick_data_json = JSON.parse(request.response);


 for(var i = 0; i < flick_data_json.data.length; i++){
   if(flick_data_json.data[i][10] === "Golden Gate Bridge"){

     output += "★" +"Movie Title:" + flick_data_json.data[i][8]+"<br>";
     output +=  "Year made:" + flick_data_json.data[i][9]+"<br>";
     output +=  "Production by:" + flick_data_json.data[i][12]+"<br>"+"<br>";


   }
 }
 document.getElementById("result").innerHTML = output;
}

}

request.send();