index.html

@@ -37,6 +37,8 @@
     <section>
     	<h1>Movie Information</h1>
     	<div id="result"></div>
+      <script type="text/javascript" src="index.js"></script>
+
     </section>
 </body>
-</html>
+</html>

index.js

@@ -0,0 +1,26 @@
+var request = new XMLHttpRequest();
+const url ='https:data.sfgov.org/api/views/yitu-d5am/rows.json?accessType=DOWNLOAD';
+
+
+request.open("GET" , url);
+request.onreadystatechange = function(){
+
+if ((request.status==200)&&(request.readyState==4)) {
+    console.log(request.responseText);
+    var jsonResponse = JSON.parse(request.responseText);
+    otherFunction(jsonResponse);
+}
+
+function otherFunction(array){
+  var out = "";
+  for (var i = 0; i < array.length; i++) {
+    if (array[i] === "Golden Gate Bridge") {
+      array[i].dispaly
+    }
+  }
+  document.getElementById('result').innerHTML += jsonResponse;
+}
+
+};
+
+request.send();