index.js 720B

1234567891011121314151617181920212223
  1. var request = new XMLHttpRequest();
  2. request.open('GET','https://data.sfgov.org/api/views/yitu-d5am/rows.json?accessType=DOWNLOAD');
  3. request.onreadystatechange = function(){
  4. if((request.status === 200) && (request.readyState === 4)){
  5. console.log(request.responseText);
  6. var myArr = JSON.parse(this.responseText);
  7. let movies = myArr.data;
  8. var output = '';
  9. for(let i = 0; i < movies.length; i++){
  10. if(movies[i].includes('Golden Gate Bridge')){
  11. output += 'Title:' + movies[i][8] + '<br>';
  12. output += 'Year Released:' + movies[i][9] + '<br>';
  13. output += 'Production Company:' + movies[i][12] + '<br>' + '<br>';
  14. }
  15. }
  16. document.getElementById('result').innerHTML += output;
  17. }
  18. };
  19. request.send();