From 4989bd07eaa32033418daa214d5cdbd8de6e5a0a Mon Sep 17 00:00:00 2001
From: dkheiry <33404928+dkheiry@users.noreply.github.com>
Date: Tue, 16 Oct 2018 01:33:10 -0500
Subject: [PATCH 1/2] Update assignment_1/table_manager.html

---
 assignment_1/table_manager.html | 88 ++++++++++++++++++++++++++++-----
 1 file changed, 75 insertions(+), 13 deletions(-)
diff --git a/assignment_1/table_manager.html b/assignment_1/table_manager.html
index fb7660c..a8818e7 100644
--- a/assignment_1/table_manager.html
+++ b/assignment_1/table_manager.html
@@ -2,9 +2,9 @@
 <head>
 <!-- CSS -->
 <style type="text/css">
-	div {
-		margin-bottom: 20px;
-	}
+    div {
+        margin-bottom: 20px;
+    }
 </style>
 
 <!-- Data -->
@@ -12,7 +12,7 @@
 
 // Don't copy this to any other places in this file. You can just use the "organizations" variable to do your assignment. 
 var organizations = [
-	 {
+     {
         "Region": "East Asia & Pacific",
         "Country": "New Zealand",
         "Country Income Level": "High income",
@@ -192,25 +192,87 @@
         "Type of Data Used": "",
         "profileID": "1687"
     }
-	
+    
 ];
 </script>
 
 </head>
 
-<body>
+<body> 
 <!-- Feel free to add empty tags. Data shouldn't be here. -->
-	<div id="org_table"></div>
+    <div id="org_table"></div>
 
-<script>
-// outputs the first item of the organizations array. Just for testing.
-// console.log(organizations[0]); 
-console.log("test");
 
-// Your JavaScript code goes here
+<button onclick="main()">Try it</button>
+    <script>
+        // outputs the first item of the organizations array. Just for testing.
+        //console.log(organizations[0]); 
 
+        // Your JavaScript code goes here
+            var dk_table = document.createElement("TABLE");
+            dk_table.setAttribute("id", "myTable");
+            console.log(dk_table);
+            var dak = document.getElementById("org_table");
+            console.log(dak);
+            dak.appendChild(dk_table);
+        
+        function createRow(row_id) {
+            var dk_row = document.createElement("TR");
+            dk_row.setAttribute("id", row_id);
+            dk_table.appendChild(dk_row);
+        }
+        
+        function createColumn(context, row_id) {
+            var dk_col = document.createElement("TD");
+            var text = document.createTextNode(context);
+            dk_col.appendChild(text);
+            dk_row = document.getElementById(row_id);
+            dk_row.appendChild(dk_col);
+        }
+        
+        function main(){
+            createRow("0");
+            createColumn("Region","0");
+            createColumn("Country","0");
+            createColumn("Country Income Level","0");
+            createColumn("Organization Name","0");
+            createColumn("Organization Type","0");
+            createColumn("Sectors","0");
+            createColumn("Description","0");
+            createColumn("City","0");
+            createColumn("State/Region","0");
+            createColumn("Founding Year","0");
+            createColumn("Size","0");
+            createColumn("Type of Data Used","0");
+            createColumn("profileID","0");
+            
+            //console.log(organizations[0].keys);
+             
+            
+            for (i = 0; i < organizations.length; i++) {
+                p = i+1;
+                if (p === organizations.length) {
+                    break;
+                }
+                createRow(p);
+                createColumn(organizations[i].Region, p);
+                createColumn(organizations[i].Country, p);
+                createColumn(organizations[i]["Country Income Level"], p);
+                createColumn(organizations[i]["Organization Name"], p);
+                createColumn(organizations[i]["Organization Type"], p);
+                createColumn(organizations[i]["Sectors"], p);
+                createColumn(organizations[i]["Description"], p);
+                createColumn(organizations[i]["City"], p);
+                createColumn(organizations[i]["State/Region"], p);
+                createColumn(organizations[i]["Founding Year"], p);
+                createColumn(organizations[i]["Size"], p);
+                createColumn(organizations[i]["Type of Data Used"], p);
+                createColumn(organizations[i]["profileID"], p);
+            }
+        }
+        
 
 </script>
 
 </body>
-</html>
\ No newline at end of file
+</html> 
\ No newline at end of file

From 1d3de7d275d2f477eff2a237087def8af2210dfa Mon Sep 17 00:00:00 2001
From: dkheiry <33404928+dkheiry@users.noreply.github.com>
Date: Sun, 28 Oct 2018 22:48:12 -0400
Subject: [PATCH 2/2] Update assignment_1/table_manager.html

---
 assignment_1/table_manager.html | 142 ++++++++++++++++----------------
 1 file changed, 71 insertions(+), 71 deletions(-)

diff --git a/assignment_1/table_manager.html b/assignment_1/table_manager.html
index a8818e7..7158be9 100644
--- a/assignment_1/table_manager.html
+++ b/assignment_1/table_manager.html
@@ -4,12 +4,18 @@
 <style type="text/css">
     div {
         margin-bottom: 20px;
+        font-size:200%;
+            margin-left: 20%;
     }
+    
+    table, td, th {
+        border: 1px solid black;
+  }
 </style>
 
+
 <!-- Data -->
 <script>
-
 // Don't copy this to any other places in this file. You can just use the "organizations" variable to do your assignment. 
 var organizations = [
      {
@@ -198,81 +204,75 @@
 
 </head>
 
-<body> 
+<body>
 <!-- Feel free to add empty tags. Data shouldn't be here. -->
     <div id="org_table"></div>
+    <table id='myTable'></table>
 
-
-<button onclick="main()">Try it</button>
-    <script>
-        // outputs the first item of the organizations array. Just for testing.
-        //console.log(organizations[0]); 
-
-        // Your JavaScript code goes here
-            var dk_table = document.createElement("TABLE");
-            dk_table.setAttribute("id", "myTable");
-            console.log(dk_table);
-            var dak = document.getElementById("org_table");
-            console.log(dak);
-            dak.appendChild(dk_table);
-        
-        function createRow(row_id) {
-            var dk_row = document.createElement("TR");
-            dk_row.setAttribute("id", row_id);
-            dk_table.appendChild(dk_row);
-        }
-        
-        function createColumn(context, row_id) {
-            var dk_col = document.createElement("TD");
-            var text = document.createTextNode(context);
-            dk_col.appendChild(text);
-            dk_row = document.getElementById(row_id);
-            dk_row.appendChild(dk_col);
-        }
-        
-        function main(){
-            createRow("0");
-            createColumn("Region","0");
-            createColumn("Country","0");
-            createColumn("Country Income Level","0");
-            createColumn("Organization Name","0");
-            createColumn("Organization Type","0");
-            createColumn("Sectors","0");
-            createColumn("Description","0");
-            createColumn("City","0");
-            createColumn("State/Region","0");
-            createColumn("Founding Year","0");
-            createColumn("Size","0");
-            createColumn("Type of Data Used","0");
-            createColumn("profileID","0");
-            
-            //console.log(organizations[0].keys);
-             
+<script>
+// outputs the first item of the organizations array. Just for testing.
+// console.log(organizations[0]); 
+console.log("test");
+// Your JavaScript code goes here
+    
+        var nonprofit_num=0;
+        var orgs10=0;
+        var northams=0
+        var transp_org =0;
+        var lessthan200 = 0;
+        var tabs = document.createElement('tr');
             
-            for (i = 0; i < organizations.length; i++) {
-                p = i+1;
-                if (p === organizations.length) {
-                    break;
-                }
-                createRow(p);
-                createColumn(organizations[i].Region, p);
-                createColumn(organizations[i].Country, p);
-                createColumn(organizations[i]["Country Income Level"], p);
-                createColumn(organizations[i]["Organization Name"], p);
-                createColumn(organizations[i]["Organization Type"], p);
-                createColumn(organizations[i]["Sectors"], p);
-                createColumn(organizations[i]["Description"], p);
-                createColumn(organizations[i]["City"], p);
-                createColumn(organizations[i]["State/Region"], p);
-                createColumn(organizations[i]["Founding Year"], p);
-                createColumn(organizations[i]["Size"], p);
-                createColumn(organizations[i]["Type of Data Used"], p);
-                createColumn(organizations[i]["profileID"], p);
-            }
+        var col1 = document.createElement('th');
+        col1.innerHTML = "Non_Profit Total";
+        var col2 = document.createElement('th');
+        col2.innerHTML = "Less Than 10";
+        var col3 = document.createElement('th');
+        col3.innerHTML = "North American Orgs";
+        var col4 = document.createElement('th');
+        col4.innerHTML = "Transportation Data Used";
+        var col5 = document.createElement('th');
+        col5.innerHTML = "Less than 200 members";
+        tabs.appendChild(col1);
+        tabs.appendChild(col2);
+        tabs.appendChild(col3);
+        tabs.appendChild(col4);
+        tabs.appendChild(col5);
+        document.getElementById('myTable').appendChild(tabs);
+        for(b=0;b<organizations.length;b++){
+          if(organizations[b]['Organization Type']=="Nonprofit"){
+            nonprofit_num+=1;
+          }
+          if((2018-organizations[b]['Founding Year'])<10){
+            orgs10+=1;
+          }
+          if(organizations[b]['Region']=="North America"){
+            northams+=1;
+          }
+          if (organizations[b]['Type of Data Used'].search("Transportation") != -1){
+            transp_org+=1;
+          }
+          if (organizations[b]['Size']<'200'){
+             lessthan200+=1;
+          }
         }
-        
-
+        var tabs2 = document.createElement('tr');
+        var col2_1 = document.createElement('td');
+        col2_1.innerHTML = nonprofit_num;
+        var col2_2 = document.createElement('td');
+        col2_2.innerHTML = orgs10;
+        var col2_3 = document.createElement('td');
+        col2_3.innerHTML = northams;
+        var col2_4 = document.createElement('td');
+        col2_4.innerHTML = transp_org;
+        var col2_5 = document.createElement('td');
+        col2_5.innerHTML = lessthan200;
+        tabs2.appendChild(col2_1);
+        tabs2.appendChild(col2_2);
+        tabs2.appendChild(col2_3);
+        tabs2.appendChild(col2_4);
+        tabs2.appendChild(col2_5);
+        document.getElementById('myTable').appendChild(tabs2);
 </script>
 
 </body>
-</html> 
\ No newline at end of file
+</html>
