Kevinjj30 · Kevinjj30 · Aug 13, 2019
diff --git a/08week/fetch/APi.html b/08week/fetch/APi.html
@@ -0,0 +1,17 @@
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
+		<title>Fetch Address Book</title>
+	</head>
+	<body>
+		<div id="container">
+			<button onclick="getAPI()">Get API</button>
+			<div></div>
+			<h3>All Posts</h3>
+			<ul id="all-posts"></ul>
+		</div>
+		<script src="./apiAddress.js"></script>
+	</body>
+</html>
diff --git a/08week/fetch/apiAddress.js b/08week/fetch/apiAddress.js
@@ -0,0 +1,26 @@
+"use strict";
+
+function catchError(result) {
+	if (!result.ok) {
+		throw Error(result.message);
+	}
+	return result;
+}
+function getAPI() {
+	fetch("https://randomuser.me/api/?results=500")
+		.then(result => result.json())
+		.then(data => {
+			let output = `<h2>Friends</h2>`;
+			data.results.forEach(function(user) {
+				output += `
+          <img src = "${user.picture.medium}" alt = "faces">
+              <ul>
+                  <li>${user.name.first} ${user.name.last}</li>
+                  <li>${user.location.city}, ${user.location.state}</li>
+                  <li>${user.email}</li>
+              </ul>
+          `;
+			});
+			document.getElementById("container").innerHTML = output;
+		});
+}
diff --git a/08week/fetch/index.html b/08week/fetch/index.html
diff --git a/08week/fetch/script.js b/08week/fetch/script.js