From b5f43d69b00d436be1b19d539b69ea8a884a66fc Mon Sep 17 00:00:00 2001
From: Daniel Prahl <daniel.prahl@gmail.com>
Date: Thu, 25 May 2017 10:07:49 -0400
Subject: [PATCH] "lab1 completed"

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

diff --git a/index.html b/index.html
index b16c318..acf13e6 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="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(20)">Example 2.5</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="powers(8)">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="tableSquares(6)">Example 2.10</button></li>
       </ul>
     </section>
 
diff --git a/js/script.js b/js/script.js
index ba8cf69..a7b3e42 100644
--- a/js/script.js
+++ b/js/script.js
@@ -5,3 +5,113 @@ var display = document.getElementById("display");
 function yourFunctionName (){
   display.innerHTML = "hello";
 }
+
+function oneToTen(){
+  display.innerHTML = "oneToTen()<br/>";
+  display.innerHTML += "***Output***<br/>";
+  for(i = 1; i <=10; i++){
+      display.innerHTML += i +"<br/>";
+  }
+}
+
+function oddNumbers(){
+  display.innerHTML = "oddNumbers()<br/>";
+  display.innerHTML += "***Output***<br/>";
+  for(i = 1; i <=20; i++){
+    if(i % 2 !== 0){
+      display.innerHTML += i +"<br/>";
+    }
+  }
+}
+
+function squares(){
+  display.innerHTML = "squares()<br/>";
+  display.innerHTML += "***Output***<br/>";
+  for(i = 1; i <=10; i++){
+      display.innerHTML += i*i +"<br/>";
+  }
+}
+
+function random4(){
+  display.innerHTML = "random4()<br/>";
+  display.innerHTML += "***Output***<br/>";
+  for(i = 0; i < 4; i++){
+    display.innerHTML += Math.floor((Math.random() * 100) + 1) + "<br/>";
+  }
+}
+
+function even(n){
+  display.innerHTML = "even(n)<br/>";
+  display.innerHTML += "***Output***<br/>";
+  for(i = 1; i <= n; i++){
+    if(i % 2 === 0){
+      display.innerHTML += i +"<br/>";
+    }
+  }
+}
+
+function powers(n){
+  display.innerHTML = "powers(n)<br/>";
+  display.innerHTML += "***Output***<br/>";
+  for(i=0;i<n;i++){
+    var product = 2;
+    for(j=0;j<i;j++){
+      product *= 2;
+    }
+    display.innerHTML += product + "<br/>";
+  }
+}
+
+function arewethereyet(){
+  display.innerHTML = "arewethereyet()<br/>";
+  display.innerHTML += "***Output***<br/>";
+  var input;
+  for(i=1; input!== "Yes";i++){
+    display.innerHTML += "Arewethereyet?<br/>";
+    input = prompt("Arewethereyet", "No");
+    display.innerHTML += input+"<br/>";
+  }
+  display.innerHTML += "Good!";
+}
+
+function triangle(){
+  display.innerHTML = "triangle()<br/>";
+  display.innerHTML += "***Output***<br/>";
+  for(i=0;i<5;i++){
+    var string = "*";
+    for(j=0;j<i;j++){
+      string += "*";
+    }
+    display.innerHTML += string + "<br/>";
+  }
+}
+
+function tableSquare(){
+  display.innerHTML = "tableSquare()<br/>";
+  display.innerHTML += "***Output***<br/>";
+  for(i=1;i<=4;i++){
+    for(j=0;j<4;j++){
+      display.innerHTML += "|";
+      if(i+(i*j)<10){
+        display.innerHTML += " ";
+      }
+      display.innerHTML += (i+(i*j));
+    }
+    display.innerHTML += "| <br/>"
+  }
+}
+
+function tableSquares(n){
+  display.innerHTML = "tableSquares(n)<br/>";
+  display.innerHTML += "***Output***<br/>";
+  for(i=1;i<=n;i++){
+    for(j=0;j<n;j++){
+      display.innerHTML += "|";
+      if(i+(i*j)<10){
+        display.innerHTML += " ";
+      }
+      display.innerHTML += (i+(i*j));
+    }
+    display.innerHTML += "| <br/>"
+  }
+}