From b58d16b47bb34b3188fba8be5f306859b2bac26e Mon Sep 17 00:00:00 2001
From: Ethan Backus <Ethan.Backus@uconn.edu>
Date: Wed, 12 Apr 2017 17:01:15 -0400
Subject: [PATCH] made some progress. Started moving items to the Dom

---
 js/main.js | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/js/main.js b/js/main.js
index 03302d7..c2e605f 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,3 +1,23 @@
+function displayResult(firstname, lastname, number, email){
+
+	//Display Name
+	var Name = document.createElement("h1");
+	var fname = document.createTextNode(firstname + " " + lastname);
+	Name.appendChild(fname);
+	document.querySelector("#results").appendChild(Name);
+	//Display Number
+	var Num = document.createElement("h3");
+	var fNum = document.createTextNode(number);
+	Num.appendChild(fNum);
+	document.querySelector("#results").appendChild(Num);
+
+	//Display Email
+	var Email = document.createElement("h3");
+	var fEmail = document.createTextNode(email);
+	Num.appendChild(fEmail);
+	document.querySelector("#results").appendChild(Email);
+}
+
 function getJSON(jsonFile){
 	var ajaxCall = new XMLHttpRequest();
 	var url = jsonFile;
@@ -7,13 +27,19 @@ function getJSON(jsonFile){
 		if (ajaxCall.readyState == 4 && ajaxCall.status == 200){
 
 			var JsonObject = JSON.parse(ajaxCall.responseText);
+			
+			for(i = 0;i < JsonObject.length; i++){
+				console.log(JsonObject[i].firstname);
+
+				displayResult(JsonObject[i].firstname, JsonObject[i].lastname, JsonObject[i].phone, JsonObject[i].email);
+
+			}
 
-			return(JsonObject);
 		}
 	}
 	ajaxCall.open("GET", url, true);
 	ajaxCall.send();
-}
 
-console.log(getJSON("//phonebk.develop.digitalmediauconn.org/phonebook.php?do=getAllPeople"));
+}
 
+getJSON("http://phonebk.develop.digitalmediauconn.org/phonebook.php?do=getAllPeople")
\ No newline at end of file