From 9d0ed6011d9201377ed69451f19e6877b1b2a09d Mon Sep 17 00:00:00 2001
From: pbattin <prestonbattin@Prestons-MacBook-Pro.local>
Date: Fri, 20 Jan 2017 12:57:19 -0500
Subject: [PATCH 1/2] Finished the labs

---
 index.html   |  20 +++++-----
 js/script.js | 103 +++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 113 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index b16c318..d34e9fe 100644
--- a/index.html
+++ b/index.html
@@ -20,16 +20,16 @@ <h1>Loops Exercises</h1>
 
     <section id="menu">
       <ul>
-        <li><button type="button" class="btn btn-primary" onclick="yourFunctionName()">Example 2.1</button></li>
-        <li><button type="button" class="btn btn-primary" onclick="yourFunctionName()">Example 2.2</button></li>
-        <li><button type="button" class="btn btn-primary" onclick="yourFunctionName()">Example 2.3</button></li>
-        <li><button type="button" class="btn btn-primary" onclick="yourFunctionName()">Example 2.4</button></li>
-        <li><button type="button" class="btn btn-primary" onclick="yourFunctionName()">Example 2.5</button></li>
-        <li><button type="button" class="btn btn-primary" onclick="yourFunctionName()">Example 2.6</button></li>
-        <li><button type="button" class="btn btn-primary" onclick="yourFunctionName()">Example 2.7</button></li>
-        <li><button type="button" class="btn btn-primary" onclick="yourFunctionName()">Example 2.8</button></li>
-        <li><button type="button" class="btn btn-primary" onclick="yourFunctionName()">Example 2.9</button></li>
-        <li><button type="button" class="btn btn-primary" onclick="yourFunctionName()">Example 2.10</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="loops()">Example 2.1</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="oddNumbers()">Example 2.2</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="squareNumbers()">Example 2.3</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="randomNumbers()">Example 2.4</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="evenNumbers(20)">Example 2.5</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="powersOfTwo(5)">Example 2.6</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="areWeThereYet()">Example 2.7</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="triangle()">Example 2.8</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="tableSquare()">Example 2.9</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="bigTable()">Example 2.10</button></li>
       </ul>
     </section>
 
diff --git a/js/script.js b/js/script.js
index ba8cf69..68e8fc3 100644
--- a/js/script.js
+++ b/js/script.js
@@ -5,3 +5,106 @@ var display = document.getElementById("display");
 function yourFunctionName (){
   display.innerHTML = "hello";
 }
+
+function loops() {
+  for(i = 1; i <= 10; i++){
+   display.innerHTML =  display.innerHTML + i + "<br/>";
+  }
+}
+
+function oddNumbers(){
+
+  for(i=1; i <=20; i++){
+    if(i%2 !== 0){
+      display.innerHTML =  display.innerHTML + i + "<br/>";
+    }
+  }
+}
+
+function squareNumbers(){
+
+  for(i=1; i <= 10; i++){
+    display.innerHTML = display.innerHTML + (i*i) + "<br/>";
+  }
+}
+
+function randomNumbers(){
+  for(i=1; i <= 4; i++){
+    random = Math.floor((Math.random() * 100) + 1);
+display.innerHTML = display.innerHTML + random + "<br/>";
+
+  }
+}
+
+function evenNumbers(n){
+
+for(i = 1; i < n; i++){
+  if(i%2 == 0){
+    display.innerHTML =  display.innerHTML + i + "<br/>";
+  }
+  }
+}
+
+function powersOfTwo(n){
+
+for(i = 1; i <= n; i++){
+
+    display.innerHTML =  display.innerHTML + Math.pow(2,i) + "<br/>";
+  }
+}
+
+function areWeThereYet(){
+
+ yes = false;
+var person = prompt("Are we there yet?");
+        do
+            {
+            if (person == "Yes") {
+                yes = true;
+                display.innerHTML =  display.innerHTML + "Good!";
+            }
+            else
+                person = prompt("Are we there yet?");
+        }while(!yes);
+}
+
+function triangle(){
+
+ maxS = 5;
+
+       for ( row = 1; row <= maxS; row ++) {
+
+           for ( star= 0; star < row; star++) {
+               display.innerHTML =  display.innerHTML + "* ";
+           }
+           display.innerHTML =  display.innerHTML + "<br/>"
+       }
+}
+
+function tableSquare(){
+
+  for(i = 1; i <=4; i++){
+
+            display.innerHTML =  display.innerHTML + "|";
+
+            for(j = 1; j <=4; j++){
+
+                display.innerHTML =  display.innerHTML + " " + j * i + " |";
+            }
+            display.innerHTML =  display.innerHTML + "<br/>"
+        }
+}
+
+function bigTable(){
+
+  for(i = 1; i <=6; i++){
+
+            display.innerHTML =  display.innerHTML + "|";
+
+            for(j = 1; j <=6; j++){
+
+                display.innerHTML =  display.innerHTML + " " + j * i + " |";
+            }
+            display.innerHTML =  display.innerHTML + "<br/>"
+        }
+}

From 74222c1f762c95a0e439101a14e01f68f286380a Mon Sep 17 00:00:00 2001
From: pbattin <prestonbattin@Prestons-MacBook-Pro.local>
Date: Fri, 20 Jan 2017 16:35:43 -0500
Subject: [PATCH 2/2] Fixed lining on 9 and 10

---
 js/script.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/script.js b/js/script.js
index 68e8fc3..6e8f376 100644
--- a/js/script.js
+++ b/js/script.js
@@ -89,7 +89,7 @@ function tableSquare(){
 
             for(j = 1; j <=4; j++){
 
-                display.innerHTML =  display.innerHTML + " " + j * i + " |";
+                j*i >= 10?  display.innerHTML =  display.innerHTML + " " + j * i + " |" : display.innerHTML =  display.innerHTML +  " \u00A0" + j * i + "\u00A0 |";
             }
             display.innerHTML =  display.innerHTML + "<br/>"
         }
@@ -103,7 +103,7 @@ function bigTable(){
 
             for(j = 1; j <=6; j++){
 
-                display.innerHTML =  display.innerHTML + " " + j * i + " |";
+                j*i >= 10?  display.innerHTML =  display.innerHTML + " " + j * i + " |" : display.innerHTML =  display.innerHTML +  " \u00A0" + j * i + "\u00A0 |";
             }
             display.innerHTML =  display.innerHTML + "<br/>"
         }