finished

index.html

@@ -33,10 +33,11 @@
         <p>Use <code>document.getElementById('result').innerHTML += <i>your_output</i>;</code> to write the movie's info to the page.</p>
         <p>Append <code>"&ltbr&gt"</code> to output code to create a new line</p>
     </article>
-
+   
     <section>
     	<h1>Movie Information</h1>
     	<div id="result"></div>
     </section>
+     <script type="text/Javascript" src="sanFranMovies.js"> </script>
 </body>
 </html>

sanFranMovies.js

@@ -0,0 +1,16 @@
+var xhr = new XMLHttpRequest();
+xhr.open('GET','https://data.sfgov.org/api/views/yitu-d5am/rows.json?accessType=DOWNLOAD');
+xhr.onreadystatechange = function(){
+	if((xhr.status===200) && (xhr.readyState===4)){
+		let movieData = JSON.parse(xhr.responseText);
+		let movies = movieData.data;
+		for(let i = 0; i < movies.length; i++){
+			let currentMovie = movies[i];
+			if(currentMovie[10]=='Golden Gate Bridge'){
+				document.getElementById('result').innerHTML += currentMovie[8] +
+					 ' - ' + currentMovie[9] + ' - ' + currentMovie[12] + '<br>';
+			}
+		}
+	}
+}
+xhr.send();