From 6685b50482a79cdb2780cd18b1833e9b791ffeb9 Mon Sep 17 00:00:00 2001
From: Brian Mullin <brianmullin@zipcoder6.local>
Date: Thu, 25 May 2017 14:14:09 -0400
Subject: [PATCH 1/2] Almost done

---
 index.html   | 14 +++++-----
 js/script.js | 77 +++++++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 83 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index b16c318..9c91784 100644
--- a/index.html
+++ b/index.html
@@ -20,13 +20,13 @@ <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="oneToTen()">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="squares()">Example 2.3</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="random4()">Example 2.4</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="even()">Example 2.5</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="powers()">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="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>
diff --git a/js/script.js b/js/script.js
index ba8cf69..5c82170 100644
--- a/js/script.js
+++ b/js/script.js
@@ -3,5 +3,80 @@
 var display = document.getElementById("display");
 
 function yourFunctionName (){
-  display.innerHTML = "hello";
+  display.innerHTML = "henlo Brian";
 }
+
+function oneToTen (){
+    
+    display.innerHTML = "oneToTen()<br>\*\*\*Output\*\*\*";
+    for (var i = 1; i < 11; i++){
+        display.innerHTML += "<br>" + i;
+    };
+}
+
+function oddNumbers(){
+    
+    display.innerHTML = "oddNumbers()<br>\*\*\*Output\*\*\*";
+    
+    for (var i = 1; i < 20; i+=2){
+        display.innerHTML += "<br>" + i;
+    }
+}
+
+function squares(){
+    
+    display.innerHTML = "squares()<br>\*\*\*Output\*\*\*";
+    
+    for (var i = 1; i < 11; i++){
+        display.innerHTML += "<br>" + i * i;
+    }
+}
+
+function random4(){
+    
+    display.innerHTML = "random4()<br>\*\*\*Output\*\*\*";
+    
+    for (var i = 1; i <= 4; i++){
+        display.innerHTML += "<br>" + Math.floor((Math.random() * 10) + 1);
+    }
+}
+
+function even(){
+    
+    display.innerHTML = "even()<br>\*\*\*Output\*\*\*";
+    
+    for (var i = 2; i < 20; i+=2){
+        display.innerHTML += "<br>" + i;
+    }
+}
+
+function powers(){
+    
+    display.innerHTML = "powers()<br>\*\*\*Output\*\*\*";
+    
+     for (var i = 1; i <= 8; i+=1){
+        display.innerHTML += "<br>" + Math.pow(2,i);
+    }
+}
+
+function areWeThereYet(){
+    
+    var answer = prompt("Are we there?");
+    
+    while(answer != "yes"){ 
+       answer = prompt("Are we there yet?");
+        
+    }
+    
+    display.innerHTML = "Good!";
+}
+
+function triangle(){
+    
+    display.innerHTML = "triangle()<br>\*\*\*Output\*\*\*";
+    
+    
+    
+}
+
+ 
\ No newline at end of file

From b740bdb9f8604d4a6271ab29bee8f0bf3652f778 Mon Sep 17 00:00:00 2001
From: Brian Mullin <brianmullin@zipcoder6.local>
Date: Fri, 26 May 2017 11:32:32 -0400
Subject: [PATCH 2/2] All done

---
 index.html   |  6 ++--
 js/script.js | 86 ++++++++++++++++++++++++++++++++++++++++------------
 2 files changed, 70 insertions(+), 22 deletions(-)

diff --git a/index.html b/index.html
index 9c91784..6722c1a 100644
--- a/index.html
+++ b/index.html
@@ -27,9 +27,9 @@ <h1>Loops Exercises</h1>
         <li><button type="button" class="btn btn-primary" onclick="even()">Example 2.5</button></li>
         <li><button type="button" class="btn btn-primary" onclick="powers()">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="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="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="tableSquares(10)">Example 2.10</button></li>
       </ul>
     </section>
 
diff --git a/js/script.js b/js/script.js
index 5c82170..6e4ca8b 100644
--- a/js/script.js
+++ b/js/script.js
@@ -2,21 +2,20 @@
 
 var display = document.getElementById("display");
 
-function yourFunctionName (){
+function yourFunctionName(){
   display.innerHTML = "henlo Brian";
 }
 
-function oneToTen (){
-    
-    display.innerHTML = "oneToTen()<br>\*\*\*Output\*\*\*";
+function oneToTen(){
+    display.innerHTML = "oneToTen()<br>***Output***";
+
     for (var i = 1; i < 11; i++){
         display.innerHTML += "<br>" + i;
-    };
+    }
 }
 
 function oddNumbers(){
-    
-    display.innerHTML = "oddNumbers()<br>\*\*\*Output\*\*\*";
+    display.innerHTML = "oddNumbers()<br>***Output***";
     
     for (var i = 1; i < 20; i+=2){
         display.innerHTML += "<br>" + i;
@@ -24,8 +23,7 @@ function oddNumbers(){
 }
 
 function squares(){
-    
-    display.innerHTML = "squares()<br>\*\*\*Output\*\*\*";
+    display.innerHTML = "squares()<br>***Output***";
     
     for (var i = 1; i < 11; i++){
         display.innerHTML += "<br>" + i * i;
@@ -33,17 +31,15 @@ function squares(){
 }
 
 function random4(){
-    
-    display.innerHTML = "random4()<br>\*\*\*Output\*\*\*";
+    display.innerHTML = "random4()<br>***Output***";
     
     for (var i = 1; i <= 4; i++){
         display.innerHTML += "<br>" + Math.floor((Math.random() * 10) + 1);
     }
 }
 
-function even(){
-    
-    display.innerHTML = "even()<br>\*\*\*Output\*\*\*";
+function even(){ 
+    display.innerHTML = "even()<br>***Output***";
     
     for (var i = 2; i < 20; i+=2){
         display.innerHTML += "<br>" + i;
@@ -51,8 +47,7 @@ function even(){
 }
 
 function powers(){
-    
-    display.innerHTML = "powers()<br>\*\*\*Output\*\*\*";
+    display.innerHTML = "powers()<br>***Output***";
     
      for (var i = 1; i <= 8; i+=1){
         display.innerHTML += "<br>" + Math.pow(2,i);
@@ -60,23 +55,76 @@ function powers(){
 }
 
 function areWeThereYet(){
-    
     var answer = prompt("Are we there?");
     
     while(answer != "yes"){ 
        answer = prompt("Are we there yet?");
         
     }
-    
     display.innerHTML = "Good!";
 }
 
 function triangle(){
+    var triangle = "";
+    display.innerHTML = "triangle()<br>***Output***";
+    
+    for (var i = 1; i < 6; i+=1){
+        triangle += "*";
+        display.innerHTML += "<br>" + triangle;
+    }
     
-    display.innerHTML = "triangle()<br>\*\*\*Output\*\*\*";
+}
+
+function tableSquare(){
+    display.innerHTML = "tableSquare()<br>***Output***";
+    var table = "";
     
+    for (var i=1; i <= 4; i++){
+        table += "<br>";
+        
+        for (var j=1; j <= 4; j++){
+            table += "|";
+            var multiple = i*j;
+            
+            if (multiple <= 9){
+                table += "\xa0" + multiple + " \xa0 ";
+            }
+            else if(multiple < 100){
+                table += " " + multiple + " ";
+            }
+        }
+        table += "|";
+    }
     
+    display.innerHTML += table;
     
 }
 
+function tableSquares(n){ 
+    display.innerHTML = "tableSquares()<br>***Output***";
+    var table = "";
+    
+    for (var i=1; i <= n; i++){
+        table += "<br>";
+        
+        for (var j=1; j <= n; j++){
+            table += "|";
+            var multiple = i*j;
+            
+            if (multiple <= 9){
+                table += "\xa0" + multiple + " \xa0 ";
+                
+            }else if(multiple <= 99){
+                table += " " + multiple + " ";
+                
+            }else{
+                table += "" + multiple + "";
+            }
+        }
+        table += "|";
+    }
+    
+    display.innerHTML += table;
+    
+}
  
\ No newline at end of file