Filtered for Golden Gate Bridge Movies

.idea/JSON-Lab-2.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+</project>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/JSON-Lab-2.iml" filepath="$PROJECT_DIR$/.idea/JSON-Lab-2.iml" />
+    </modules>
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

GoldenGateBridge.js

@@ -0,0 +1,28 @@
+var url = "https://data.sfgov.org/api/views/yitu-d5am/rows.json?accessType=DOWNLOAD";
+var xmlhttp = new XMLHttpRequest();
+var data;
+var listGateMovies = "";
+
+xmlhttp.open("GET", url, true);
+
+xmlhttp.onreadystatechange = function() {
+    if (this.readyState == 4 && this.status == 200) {
+        console.log(xmlhttp.response);
+        data = JSON.parse(this.responseText);
+        var movieArr = data.data;
+        movieFunction(movieArr);
+    }
+};
+
+xmlhttp.send();
+
+
+function movieFunction(movieArr) {
+    var match = "Golden Gate Bridge";
+    for(var i = 0; i < movieArr.length; i++) {
+        if (movieArr[i][10] === match)
+            listGateMovies += movieArr[i][8] + ' ' + movieArr[i][9] + ' ' + movieArr[i][12] + '<br>';
+    }
+    document.getElementById("result").innerHTML = listGateMovies;
+
+}

Practice.js

@@ -0,0 +1,28 @@
+var url = "https://data.sfgov.org/api/views/yitu-d5am/rows.json?accessType=DOWNLOAD";
+var xmlhttp = new XMLHttpRequest();
+var data;
+var listGateMovies = "";
+
+xmlhttp.open("GET", url, true);
+
+xmlhttp.onreadystatechange = function() {
+    if (this.readyState == 4 && this.status == 200) {
+        console.log(xmlhttp.response);
+        data = JSON.parse(this.responseText);
+        var movieArr = data.data;
+        movieFunction(movieArr);
+    }
+};
+
+xmlhttp.send();
+
+
+function movieFunction(movieArr) {
+    var match = "Golden Gate Bridge";
+    for(var i = 0; i < movieArr.length; i++) {
+        if (movieArr[i][10] === match)
+        listGateMovies += movieArr[i][8] + ' ' + movieArr[i][9] + ' ' + movieArr[i][12] + '<br>';
+    }
+    document.getElementById("result").innerHTML = listGateMovies;
+
+}

index.html

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