From cd6ec086849b44b502fa6113eeec393e535ca373 Mon Sep 17 00:00:00 2001 From: ant Date: Wed, 24 May 2017 20:07:36 -0400 Subject: [PATCH 1/2] At a good place now --- css/style.css | 4 ++ index.html | 20 +++---- js/script.js | 153 +++++++++++++++++++++++++++++++++++++++++++++++++- 3 files changed, 165 insertions(+), 12 deletions(-) diff --git a/css/style.css b/css/style.css index 976122b..18370ce 100644 --- a/css/style.css +++ b/css/style.css @@ -41,6 +41,10 @@ a:hover, a:active { outline: none; } +.btn { + display: inline-block; + padding: 6px 7px;} + /* ===================================== HEADER STYLE ========================================= */ diff --git a/index.html b/index.html index b16c318..0edf3ae 100644 --- a/index.html +++ b/index.html @@ -20,16 +20,16 @@

Loops Exercises

diff --git a/js/script.js b/js/script.js index ba8cf69..bfc6013 100644 --- a/js/script.js +++ b/js/script.js @@ -2,6 +2,155 @@ var display = document.getElementById("display"); -function yourFunctionName (){ - display.innerHTML = "hello"; +function yourFunctionName() { + display.innerHTML = "hello"; +} + + +function oneToTen() { + var header = "oneToTen()
***Output***"; + var counter = ""; + for (var i = 1; i <= 10; i++) { + counter += i + "
"; + } + display.innerHTML = header + "
" + counter; +} + + +function oddNumbers() { + var header = "oddNumbers()
***Output***"; + var counter = ""; + for (var i = 1; i <= 20; i = i + 2) { + counter += i + "
"; + } + display.innerHTML = header + "
" + counter; +} + + +function squareNumbers() { + var header = "squareNumbers()
***Output***"; + var counter = ""; + for (var i = 1; i <= 10; i++) { + counter += Math.pow(i, 2) + "
"; + } + display.innerHTML = header + "
" + counter; +} + + +function randomNumbers() { + var header = "randomNumbers()
***Output***"; + var counter = ""; + for (var i = 1; i <= 4; i++) { + counter += Math.floor(Math.random() * 100 + 1) + "
"; + } + display.innerHTML = header + "
" + counter; +} + + +function evenNumbers(n) { + var header = "evenNumbers()
***Output***"; + var counter = ""; + + for (var i = 2; i < n; i = i + 2) { + counter += i + "
"; + } + display.innerHTML = header + "
" + counter; +} + + +function powersOfTwo() { + var header = "***Output***"; + var counter = ""; + var n = 9; + for (var i = 1; i < n; i++) { + counter += Math.pow(2, i) + "
"; + } + display.innerHTML = header + "
" + counter; +} + +function triangle() { + var header = "***Output***"; + var completedTriangle = ""; + var star = "*"; + var newTriangle = ""; + + for (var i = 1; i < 5; i++) { + for (var j = 1; j < i; j++) { + newTriangle += star; + if (j == 3) { + break; + } + completedTriangle += "
" + newTriangle; + } + } + display.innerHTML = header + completedTriangle; +} + +function tableSquare() { + var header = "tableSquare()
*** Output ***
"; + var addToTable = ""; + var count = 0; + var lengthSize = getLengthOfString(4); + + for (var i = 0, m = 1; i < 4; i++, m++) { + for (var j = 0, k = 1; j < 4; j++, k++) { + + if (i == count) { + addToTable += spacer(k, m, lengthSize) + k * m + " |"; + } + } + if (i != 4 - 1) { + addToTable += "
|"; + } + count++; + } + + display.innerHTML = header + "|" + addToTable; +} + +function tableSquares(n) { + var header = "tableSquares()
*** Output ***
"; + var addValueToTable = ""; + var count = 0; + var lengthSize = getLengthOfString(n); + + for (var i = 0, m = 1; i < n; i++, m++) { + for (var j = 0, k = 1; j < n; j++, k++) { + + if (i == count) { + addValueToTable += spacer(k, m, lengthSize) + k * m + " |"; + } + } + if (i != n - 1) { + addValueToTable += "
|"; + } + count++; + } + + display.innerHTML = header + "|" + addValueToTable +} + +function spacer(k, m, lengthSize) { + var addSpaces = " "; + var f = k * m; + var lengthOfNum = f.toString(); + var g = lengthOfNum.length; + + for (var i = lengthSize; i > g; i--) { + addSpaces += "  "; // need extra in javascript + } + + return addSpaces; +} + +function getLengthOfString(n) { + var a = 0; + for (var i = 0, m = 1; i < n; i++, m++) { + for (var j = 0, k = 1; j < n; j++, k++) { + a = k * m; + } + } + var lengthOfNum = a.toString(); + var lengthOfSum = lengthOfNum.length; + return lengthOfSum; } From 940ede98be1029732e945be860b8662f06e3137e Mon Sep 17 00:00:00 2001 From: ant Date: Thu, 25 May 2017 08:13:20 -0400 Subject: [PATCH 2/2] Finished with lab1 --- css/style.css | 2 +- js/script.js | 11 +++++++++++ 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index 18370ce..8196208 100644 --- a/css/style.css +++ b/css/style.css @@ -43,7 +43,7 @@ a:hover, a:active { .btn { display: inline-block; - padding: 6px 7px;} + padding: 6px .5px;} /* ===================================== HEADER STYLE ========================================= */ diff --git a/js/script.js b/js/script.js index bfc6013..4a2aa02 100644 --- a/js/script.js +++ b/js/script.js @@ -68,6 +68,17 @@ function powersOfTwo() { display.innerHTML = header + "
" + counter; } +function arewethereyet() { + var answer = prompt("Are we there yet?"); + var emptyString = ""; + while (answer.toLowerCase() !== 'yes') { + answer = prompt("Are we there yet?"); + emptyString += "Are we there yet?
" + answer + "
"; + } + display.innerHTML = emptyString; + +} + function triangle() { var header = "***Output***"; var completedTriangle = "";