John Squier J2JS Lab 1 Submission

.gitignore

@@ -1,37 +1,18 @@
-# Compiled source #
-###################
-*.com
+ntellij files
+.idea/
+*.iml
+
+# Compiled java
+target/
 *.class
-*.dll
-*.exe
-*.o
-*.so
 
-# Packages #
-############
-# it's better to unpack these files and commit the raw source
-# git has its own built in compression methods
-*.7z
-*.dmg
-*.gz
-*.iso
-*.jar
-*.rar
-*.tar
-*.zip
+# Mobile Tools for Java (J2ME)
+.mtj.tmp/
 
-# Logs and databases #
-######################
-*.log
-*.sql
-*.sqlite
+# Package Files #
+*.jar
+*.war
+*.ear
 
-# OS generated files #
-######################
-.DS_Store
-.DS_Store?
-._*
-.Spotlight-V100
-.Trashes
-ehthumbs.db
-Thumbs.db 
+# virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml
+hs_err_pid*

_config.yml

@@ -0,0 +1 @@
+theme: jekyll-theme-minimal

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>
 

js/script.js

@@ -1,7 +1,190 @@
 " use strict ";
 
 var display = document.getElementById("display");
+var newline ="<br />";
 
-function yourFunctionName (){
-  display.innerHTML = "hello";
+function oneToTen() {
+
+  display.innerHTML = "";
+
+  var result = "oneToTen()" + newline;
+  result += "***Output***" + newline;
+
+  for ( var i = 1; i <= 10; i++ ) {
+    result += i + newline;
+
+  }
+
+  display.innerHTML = result;
+}
+
+function oddNumbers() {
+
+  display.innerHTML = "";
+
+  var result = "oddNumbers()" + newline;
+  result += "***Output***" + newline;
+
+  for ( var i = 1; i <= 19; i += 2) {
+    result += i + newline;
+  }
+
+  display.innerHTML = result;
+}
+
+function squares() {
+
+  display.innerHTML = "";
+
+  var result = "squares()" + newline;
+  result += "***Output***" + newline;
+
+  for ( var i = 1; i <= 10; i++ ) {
+    result += (i*i) + newline;
+  }
+
+  display.innerHTML = result;
+}
+
+function random4() {
+
+  display.innerHTML = "";
+
+  var result = "random4()" + newline;
+  result += "***Output***" + newline;
+
+  for ( var i = 0; i < 4; i++ ){
+    // generates random numbers between 1 and just under 101, then takes the floor
+    var randomNumber = Math.floor((Math.random() * 100) + 1);
+    result += randomNumber + newline;
+  }
+
+  display.innerHTML = result;
+}
+
+function even(n) {
+
+  display.innerHTML = "";
+
+  var result = "even(" + n + ")" + newline;
+  result += "***Output***";
+
+  for ( var i = 2; i < n; i += 2) {
+    result += i + newline;
+  }
+
+  display.innerHTML = result;
+}
+
+function powers(n) {
+
+  display.innerHTML = "";
+
+  var result = "powers(" + n + ")" + newline;
+  result += "***Output***";
+
+  for ( var i = 1; i <= n; i++ ) {
+    result += Math.pow(2, i) + newline;
+  }
+
+  display.innerHTML = result;
+}
+
+function areWeThereYet() {
+
+    display.innerHTML = "";
+
+    do {
+        var areWeThereYet = "Arewethereyet" + newline;
+
+        display.innerHTML = areWeThereYet;
+
+        var input = prompt("Are We There Yet?", "Yes");
+
+        display.innerHTML += input + newline;
+
+     } while (input !== "Yes");
+
+    display.innerHTML += "Good!";
+}
+
+function triangle() {
+
+  display.innerHTML = "";
+
+  var result = "triangle()" + newline;
+  result += "***Output***" + newline;
+
+  for ( var i = 1; i <= 5; i++ ) {
+    for ( var j = 1; j <= i; j++ ) {
+      result += "*"
+    }
+    result += newline;
+  }
+
+  display.innerHTML = result;
+}
+
+function tableSquare() {
+
+  display.innerHTML = "";
+
+  var result = "tableSquare()" + newline;
+  result += "***Output***" + newline;
+  result += "A4x4tablesquare" + newline;
+
+  for ( var i = 1; i <= 4; i++ ) {
+
+      result += "|";
+
+      for ( var j = 1; j <= 4; j++ ) {
+
+      var iTimesJ = i * j;
+
+      // handle the extra space before 3, 4, 6, 8, 9
+      if ( j > 2 && iTimesJ < 10 ) {
+        result += " " + iTimesJ + "|";
+      }
+      else {
+        result += iTimesJ + "|";
+      }
+    }
+
+    result += newline;
+  }
+
+  display.innerHTML = result;
+}
+
+function tableSquares(n) {
+
+  display.innerHTML = "";
+
+  var result = "tableSquares(" + n + ")" + newline;
+  result += "***Output***" + newline;
+  result += "A6x6tablesquare" + newline;
+
+  for ( var i = 1; i <= n; i++ ) {
+
+    result += "|";
+
+    for ( var j = 1; j <= n; j++ ) {
+
+      var iTimesJ = i * j;
+
+      if ( iTimesJ < 10 ) {
+        /* needed to use the non breaking space to prevent condensation of whitespace...
+           answer found at http://stackoverflow.com/questions/9046113/disable-auto-trimming-of-text-by-p-tag
+         */
+        result += "&nbsp;" + "&nbsp;" + iTimesJ + " |";
+      }
+      else {
+        result += " " + iTimesJ + " |";
+      }
+    }
+
+    result += newline;
+  }
+
+  display.innerHTML = result;
 }