From 21e87e9f7804798fc9edea090188b0e518de6308 Mon Sep 17 00:00:00 2001
From: vidyachandasekhar <vidyahari.vs@Gmail.com>
Date: Wed, 24 May 2017 21:58:54 -0400
Subject: [PATCH] completed lab1

---
 index.html   |  20 +++++-----
 js/script.js | 108 ++++++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 116 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index b16c318..ca1fe97 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()">oneToTen</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="oddNumbers()">oddNumbers</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="squareNumbers()">squareNumbers</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="randomNumbers()">randomNumbers</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="evenNumbers()">evenNumbers</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="powerOfTwo()">powerOfTwo</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="areWeThereYet()">areWeThereYet</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="triangle()">triangle</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="tableSquare(4)">tableSquareFour</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="tableSquare(6)">tableSquareSix</button></li>
       </ul>
     </section>
 
diff --git a/js/script.js b/js/script.js
index ba8cf69..2c06944 100644
--- a/js/script.js
+++ b/js/script.js
@@ -2,6 +2,110 @@
 
 var display = document.getElementById("display");
 
-function yourFunctionName (){
-  display.innerHTML = "hello";
+function oneToTen(){
+  var counter = "";
+
+  for (var i = 1; i <= 10; i++) {
+    counter = counter + i +"<br>";
+        }
+  display.innerHTML = "*** Output ***"+"<br>"+ "oneToTen"+ "<br>"+ counter ;
+}
+
+
+function oddNumbers(){
+  var counter = "";
+
+  for (var i = 1; i < 20; i+=2) {
+             {
+              counter = counter + i +"<br>";
+            }
+        }
+
+  display.innerHTML = "*** Output ***"+"<br>"+ "oddNumbers"+ "<br>"+ counter ;
+}
+
+function squareNumbers(){
+  counter ="";
+  var k = 1;
+          while (k <= 10) {
+            var sqr = k * k;
+              k++;
+              {
+              counter= counter + sqr +"<br>";
+              }
+         display.innerHTML = "*** Output ***"+"<br>"+ "oneToTen"+ "<br>"+ counter ;
+       }
+}
+
+function randomNumbers(){
+  var counter = "";
+
+  for (var i = 1; i <= 4; i++) {
+             {
+              counter = counter + Math.floor(Math.random() * 10) + 1   +"<br>";
+            }
+        }
+
+  display.innerHTML = "*** Output ***"+"<br>"+ "randomNumbers"+ "<br>"+ counter ;
+}
+
+function evenNumbers(){
+  var counter = "";
+
+  for (var i = 2; i <= 20; i+=2) {
+             {
+              counter = counter + i +"<br>";
+            }
+        }
+
+  display.innerHTML = "*** Output ***"+"<br>"+ "evenNumbers"+ "<br>"+ counter ;
+}
+
+function powerOfTwo(){
+  var counter = "";
+
+  for (var i = 2; i <= 8; i++) {
+             {
+              counter = counter + 2**i +"<br>";
+            }
+        }
+
+  display.innerHTML = "*** Output ***"+"<br>"+ "powerOfTwo"+ "<br>"+ counter ;
+}
+
+function areWeThereYet(){
+ var input = prompt("Are we there yet?").toUpperCase();
+ switch(input){
+  case "YES":
+       alert("Good!");
+       break;
+  case "NO":
+       areWeThereYet();
+       break;
+  default:
+      areWeThereYet();
+   }
+ }
+
+ function triangle(){
+   var counter = "";
+   for (var i = 1; i <= 5; i++) {
+              for(j=1;j<=i;j++){
+               counter = counter + "*" ;
+             }
+             counter=counter +"<br>";
+         }
+     display.innerHTML = "*** Output ***"+"<br>"+ "triangle"+ "<br>"+ counter ;
+ }
+
+//tableSquare : code reused ,making it parameterized for any n
+function tableSquare(n){
+  var counter = "";
+  for (var i = 1; i <=n; i++) {
+             for(j=1;j<=n;j++){
+              counter = counter + i*j+" &nbsp;" ;
+            }
+            counter=counter +"<br>";
+        }
+    display.innerHTML = "*** Output ***"+"<br>"+ "tableSquare"+ "<br>"+ counter ;
 }