JS lab3

index.html

@@ -20,8 +20,8 @@ <h1>Loops Exercises</h1>
 
     <section id="menu">
       <ul>
-        <li><button type="button" class="btn btn-primary" onclick="yourFunctionName()">Example 3.1</button></li>
-        <li><button type="button" class="btn btn-primary" onclick="yourFunctionName()">Example 3.2</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="assigntment3Point1()">Example 3.1</button></li>
+        <li><button type="button" class="btn btn-primary" onclick="assignment3Point2()">Example 3.2</button></li>
       </ul>
     </section>
 

js/script.js

@@ -2,12 +2,33 @@
 
 var display = document.getElementById("display");
 
-function yourFunctionName (){
-  display.innerHTML = "hello";
+function assigntment3Point1(){
+  var numArray = [1,2,3,4,5,6,7,8];
+  var letterArray= ["a","b","c","d","e","f","e","g"];
+  var tempArr = [];
+    for (var i = 0; i < numArray.length; i++) {
+        tempArr.push(numArray[i],letterArray[i]);
+    }
+  display.innerHTML = tempArr;
 }
 
-function example(){
-  var v = 3 +4;
-
-  display.innerHTML = v;
-}
+function assignment3Point2(numArr){
+  var result = "";
+  for (var i = 0; i < numArr.length; i++){
+    str += numArr[i];
+  }
+  for (var i = 0; i < result.length; i++){
+    str+= numArr[i];
+  }
+  numArr = numArr.sort().reverse();
+  result = "";
+  for (var i = 0; i < numArr.length; i++){
+    result += numArr[i];
+  }
+  display.innerHTML = result;
+}
+// Simply for the giggles, it actually works though...
+function cheekyOneLinerForALaugh(numArr){
+  var sortedArr = numberArr.sort().join('').split('').sort().reverse().join('');
+  return sortedArr;
+}