diff --git a/index.html b/index.html
index b16c318..5bd997e 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(30)">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..d958cb8 100644
--- a/js/script.js
+++ b/js/script.js
@@ -2,6 +2,140 @@
 
 var display = document.getElementById("display");
 
-function yourFunctionName (){
-  display.innerHTML = "hello";
+function oneToTen() {
+    
+    var result = "";
+    for (var i = 1; i<=10; i++) {
+        result += '<p>' + i + '</p>';
+    }
+    display.innerHTML = result;
 }
+
+function oddNumbers() {
+    
+    var result = "";
+    for (var i = 1; i<=20; i++) {
+        if (i % 2 != 0) {
+            result += '<p>' + i + '</p>';
+        }
+    }
+    display.innerHTML = result;
+}
+
+function squares() {
+    
+    var result = "";
+    for (var i = 1; i<=10; i++) {
+        result += '<p>' + i*i + '</p>';
+    }
+    display.innerHTML = result;
+}
+
+function random4() {
+    
+    var result = "";
+    for (var i = 0; i<4; i++) {
+        result += '<p>' + (Math.floor(Math.random() * (100 - 1)) + 1) + '</p>';
+    }
+    display.innerHTML = result;
+}
+
+function even(n) {
+    
+    var result = "<ol>";
+    for (var i = 0; i < n; i++) {
+        if (i % 2 == 0) {
+            result += "<li>" + i + '</li>';
+        }
+    }
+    result += "</ol>";
+    display.innerHTML = result; 
+}
+
+function powers(n) {
+    
+    var result = "";
+    var lastNumber = 1;
+    for (var i = 2; i<n*2+1; i++) {
+        
+        if (i % 2 == 0) {
+            var r = lastNumber * 2;
+            result += "<p>" + r + "</p>"
+            lastNumber = r;
+        }
+        
+    }
+    display.innerHTML = result;
+}
+
+function areWeThereYet() {
+    
+    var result = "";
+    var thereYet = "";
+    
+    while (thereYet != "Yes") {
+        result += '<p>"Arewethereyet?"</p>'
+        thereYet = prompt("Are we there yet?");
+        result += "<p>" + thereYet + "</p>";
+        
+    }
+    display.innerHTML = result + "<p>Good!</p>";
+}
+
+function triangle() {
+    
+    var result = "";
+    
+    for (var i = 0; i<6; i++) {
+        var line = "<p>";
+        for (var j = 0; j<i; j++) {
+            line += "*";
+        }
+        
+        result += line + "</p>";
+    }
+    display.innerHTML = result;
+}
+
+function tableSquare() {
+    
+    var result = "";
+    var index = 1;
+    
+    for (var i = 1; i<=4; i++) {
+        var line = "<p>";
+        for (var j = 0; j<4; j++) {
+            if (index < 10) {
+                line += "|" + " " +index + "|";
+            } else {
+                line += "|" + index + "|";
+            }
+            index++;
+        }
+        line += "</p>";
+        result += line;
+    }
+    display.innerHTML = result;
+}
+
+function tableSquares(n) {
+    
+    var result = "";
+    var index = 1;
+    
+    for (var i = 1; i<=n; i++) {
+        var line = "<p>";
+        for (var j = 0; j<n; j++) {
+            if (index < 10) {
+                line += "|" + " " +index + "|";
+            } else {
+                line += "|" + index + "|";
+            }
+            index++;
+        }
+        line += "</p>";
+        result += line;
+    }
+    display.innerHTML = result;
+}
+