From aba6917ab371a3e21f5a2f412c963bec6f8949b5 Mon Sep 17 00:00:00 2001
From: Sarah Weisser <sarahweisser@zipcoder23.local>
Date: Wed, 24 May 2017 18:03:51 -0400
Subject: [PATCH] finished first set of microlabs for javascript

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

diff --git a/index.html b/index.html
index b16c318..e334f22 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="printOneToTen()">Example 2.1</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="printOddNumbers()">Example 2.2</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="printSquaresToOneHundred()">Example 2.3</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="randomFour()">Example 2.4</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="evenLessThanN(20)">Example 2.5</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="powersOfTwo(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="extendedTableSquare(6)">Example 2.10</button></li>
       </ul>
     </section>
 
diff --git a/js/script.js b/js/script.js
index ba8cf69..06a72f1 100644
--- a/js/script.js
+++ b/js/script.js
@@ -5,3 +5,105 @@ var display = document.getElementById("display");
 function yourFunctionName (){
   display.innerHTML = "hello";
 }
+
+function printOneToTen() {
+  var result = "";
+  for (var i = 0; i < 10; i++) {
+    result += i + 1 + "<br/>";
+  }
+  display.innerHTML = result;
+}
+
+function printOddNumbers() {
+  var result = "";
+  for (var i = 1; i < 20; i += 2) {
+    result += i + "<br/>";
+  }
+  display.innerHTML = result;
+}
+
+function printSquaresToOneHundred() {
+  var result = "";
+  for (var i = 1; i < 10; i++) {
+    if (i * i < 100) {
+      result += i * i + "<br/>";
+    }
+  }
+  display.innerHTML = result;
+}
+
+function randomFour() {
+  var result = "";
+  for (var i = 0; i < 4; i++) {
+    var rando = Math.floor((Math.random() * 100) + 1);
+    result += rando + "<br/>";
+  }
+  display.innerHTML = result;
+}
+
+function evenLessThanN(n) {
+  var result = "";
+  for (var i = 2; i < n; i++) {
+    if (i % 2 == 0) {
+      result += i + "<br/>";
+    }
+  }
+  display.innerHTML = result;
+}
+
+function powersOfTwo(n) {
+  var result = "";
+  for (var i = 1; i <= n; i++) {
+    result += 2 ** i + "<br/>";
+  }
+  display.innerHTML = result;
+}
+
+function areWeThereYet() {
+  do {
+    var answer = prompt("Arewethereyet?")
+  } while (answer != "Yes");
+  display.innerHTML = "Good!";
+}
+
+function triangle() {
+  var symbol = "*";
+  var result = "";
+  for (var i = 0; i < 5; i++) {
+    result += symbol + "<br/>";
+    symbol += "*";
+  }
+  display.innerHTML = result;
+}
+
+function tableSquare() {
+  var result = "|";
+  for (var i = 1; i < 5; i++) {
+    for (var j = 1; j < 5; j++) {
+      result += i * j + "|";
+    }
+    if (i != 4) {
+      result += "<br/>|";
+    }
+    else {
+      result += "<br/>";
+    }
+  }
+  display.innerHTML = result;
+}
+
+function extendedTableSquare(n) {
+  var result = "|";
+  for (var i = 1; i < n + 1; i++) {
+    for (var j = 1; j < n + 1; j++) {
+      result += i * j + "|";
+    }
+    if (i != n) {
+      result += "<br/>|";
+    }
+    else {
+      result += "<br/>";
+    }
+  }
+  display.innerHTML = result;
+}