Movies filtered

index.html

         <p>Append <code>"&ltbr&gt"</code> to output code to create a new line</p>
     </article>
 
+    <script type="text/Javascript" src="index.js"></script>
+
     <section>
     	<h1>Movie Information</h1>
-    	<div id="result">
-      <script type="text/Javascript" src="index.js"></script>
-      </div>
+    	<div id="result"></div>
     </section>
 </body>
 </html>

index.js

 var request = new XMLHttpRequest();
 
 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)) {
-    document.getElementById('result').innerHTML += request.responseText;
+
+    let movies = JSON.parse(request.responseText);
+    movies = movies.data;
+    let count = 1;
+    for (let i = 0; i < movies.length; i++) {
+      if (movies[i][10] == "Golden Gate Bridge") {
+        document.getElementById('result').innerHTML += count + ". " + movies[i][8] + " - (" + movies[i][9] + ") " + movies[i][12] + "<br>";
+        count++;
+      }
+    }
   }
 }
+request.send();