finished

httprequest.js

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

index.html

@@ -36,7 +36,9 @@
 
     <section>
     	<h1>Movie Information</h1>
-    	<div id="result"></div>
+    	<div id="result">
+        </div>
     </section>
+    <script src="httprequest.js" type="text/javascript"></script>
 </body>
 </html>