7 лет назад · 63b509c536
--- a/index.html
+++ b/index.html
@@ -6,6 +6,7 @@
 
				     <title>Import Local JSON Data | Zipcode Wilmington</title>
			
 
				 </head>
			
 
				 <body>
			
 
				+    
			
 
				     <header class="main-header group">
			
 
				         <div class="title"><h1>Zipcode Wilmington<br>Javascript Lab - Fall 2015</h1></div>
			
 
				         <div class="lesson-link"><img src="./images/logos/js_logo.png" alt="Javascript"/></div>
			
@@ -33,10 +34,10 @@
 
				         <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>
			
 
				+        <section>
			
 
				     	<h1>Movie Information</h1>
			
 
				     	<div id="result"></div>
			
 
				-    </section>
			
 
				+        <script src="./js/index.js"></script>
			
 
				+        </section>
			
 
				 </body>
			
 
				 </html>
			
--- a/js/index.js
+++ b/js/index.js
@@ -0,0 +1,23 @@
 
				+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)){
			
 
				+		console.log(request.responseText);
			
 
				+		var myArr = JSON.parse(this.responseText);
			
 
				+		let movies = myArr.data;
			
 
				+
			
 
				+		var output = '';
			
 
				+
			
 
				+		for(let i = 0; i < movies.length; i++){
			
 
				+			if(movies[i].includes('Golden Gate Bridge')){
			
 
				+				output += 'Title:' + movies[i][8] + '<br>';
			
 
				+				output += 'Year Released:' + movies[i][9] + '<br>';
			
 
				+				output += 'Production Company:' + movies[i][12] + '<br>' + '<br>';
			
 
				+			}
			
 
				+		} 
			
 
				+		document.getElementById('result').innerHTML += output;
			
 
				+	}
			
 
				+};
			
 
				+
			
 
				+request.send();