Homework week3

Week1/homework/index.html

@@ -1 +1 @@
-<!-- replace this with your HTML content -->
+    <!-- replace this with your HTML content -->

Week1/homework/style.css

@@ -1 +1 @@
-/* add your styling here */
+/* add your styling here */

Week3/homework/exercise.js

@@ -0,0 +1,33 @@
+//- Create a class called `Form`
+//- Add a `null` variable (eg: formElement)
+//- Create a methods `createButton` and create an HTML button element in it
+
+class Form {
+  constructor(formElement) {
+    this.formElement = null;
+    const newForm = document.createElement('form');
+    document.getElementsByTagName('div')[0].appendChild(newForm);
+    this.formElement = newForm;
+  }
+
+  createButton() {
+    const newButton = document.createElement('button');
+    this.formElement.appendChild(newButton);
+    newButton.innerHTML = ' Button ';
+  }
+
+  createInput() {
+    const newInput = document.createElement('input');
+    this.formElement.appendChild(newInput);
+  }
+  createCheckBox() {
+    const newCheckBox = document.createElement('checkbox');
+    this.formElement.appendChild(newCheckBox);
+  }
+}
+const form1 = new Form('formId');
+form1.createButton();
+form1.createInput();
+form1.createCheckBox();
+
+console.log(form1);

Week3/homework/step2-1.js

@@ -1,16 +1,11 @@
 'use strict';
 
 function foo(func) {
-  // What to do here?
-  // Replace this comment and the next line with your code
-  console.log(func);
+  func();
 }
 
 function bar() {
   console.log('Hello, I am bar!');
 }
 
 foo(bar);
-
-// Do not change or remove anything below this line
-module.exports = foo;

Week3/homework/step2-2.js

@@ -2,22 +2,33 @@
 
 function threeFive(startIndex, stopIndex, threeCallback, fiveCallback) {
   const numbers = [];
+  for (let i = startIndex; i <= stopIndex; i++) {
+    numbers.push(i);
+  }
+  numbers.forEach(number => {
+    if (number % 3 === 0) {
+      threeCallback(number);
+    } else if (number % 5 === 0) {
+      fiveCallback(number);
+    } else if (number % 15 === 0) {
+      threeCallback(number);
+      fiveCallback(number);
+    }
+  });
 
-  // Replace this comment and the next line with your code
   console.log(startIndex, stopIndex, threeCallback, fiveCallback, numbers);
 }
 
 function sayThree(number) {
-  // Replace this comment and the next line with your code
-  console.log(number);
+  console.log(number + ': divisible by 3');
 }
 
 function sayFive(number) {
-  // Replace this comment and the next line with your code
-  console.log(number);
+  console.log(number + ': divisible by 5');
 }
 
 threeFive(10, 15, sayThree, sayFive);
 
 // Do not change or remove anything below this line
 module.exports = threeFive;
+

Week3/homework/step2-3.js

@@ -4,7 +4,9 @@
 function repeatStringNumTimesWithFor(str, num) {
   // eslint-disable-next-line prefer-const
   let result = '';
-
+  for (; num > 0; num--) {
+    result += str;
+  }
   // Replace this comment and the next line with your code
   console.log(str, num, result);
 
@@ -17,21 +19,51 @@ console.log('for', repeatStringNumTimesWithFor('abc', 3));
 function repeatStringNumTimesWithWhile(str, num) {
   // eslint-disable-next-line prefer-const
   let result = '';
+  while (num > 0) {
+    result += str;
+    num--;
+  }
+  console.log(str, num, result);
+
+  return result;
+}
+
+console.log('while', repeatStringNumTimesWithWhile('abc', 3));
+
+// Use a 'do...while' loop
+function repeatStringNumTimesWithDoWhile(str, num) {
+  // eslint-disable-next-line prefer-const
+  let result = '';
+  do {
+    result += str;
+    num--;
+  } while (num > 0);
 
-  // Replace this comment and the next line with your code
   console.log(str, num, result);
 
   return result;
 }
 
+console.log('do-while', repeatStringNumTimesWithDoWhile('abc', 3));
+
+// Do not change or remove anything below this line
+module.exports = {
+  repeatStringNumTimesWithFor,
+  repeatStringNumTimesWithWhile,
+  repeatStringNumTimesWithDoWhile,
+};
+
 console.log('while', repeatStringNumTimesWithWhile('abc', 3));
 
 // Use a 'do...while' loop
 function repeatStringNumTimesWithDoWhile(str, num) {
   // eslint-disable-next-line prefer-const
   let result = '';
 
-  // Replace this comment and the next line with your code
+  do {
+    result += str;
+    num--;
+  } while (num > 0);
   console.log(str, num, result);
 
   return result;

Week3/homework/step2-4.js

@@ -1,7 +1,9 @@
 'use strict';
 
 function Dog() {
-  // add your code here
+  this.name = 'Efe';
+  this.color = 'white';
+  this.numLegs = 4;
 }
 
 const hound = new Dog();

Week3/homework/step2-5.js

@@ -3,8 +3,11 @@
 function multiplyAll(arr) {
   // eslint-disable-next-line
   let product = 1;
-
-  // Replace this comment and the next line with your code
+  for (let i = 0; i < arr.length; i++) {
+    for (let j = 0; j < arr[i].length; j++) {
+      product *= arr[i][j];
+    }
+  }
   console.log(arr, product);
 
   return product;

Week3/homework/step2-6.js

@@ -4,12 +4,12 @@ const arr2d = [[1, 2], [3, 4], [5, 6]];
 const arr3d = [[[1, 2], [3, 4]], [[5, 6], [7, 8]]];
 
 function flattenArray2d(arr) {
-  // Replace this comment and the next line with your code
+  return arr.flat();
   console.log(arr);
 }
 
 function flattenArray3d(arr) {
-  // Replace this comment and the next line with your code
+  return arr.flat(2);
   console.log(arr);
 }
 
@@ -21,3 +21,4 @@ module.exports = {
   flattenArray2d,
   flattenArray3d,
 };
+

Week3/homework/step2-7.js

@@ -19,5 +19,9 @@ function f2(val) {
 f2(y);
 
 console.log(y);
-
-// Add your explanation as a comment here
+/*
+Constants are block-scoped, much like variables defined using the let statement.
+The value of a constant can't be changed through reassignment, and it can't be redeclared.
+The const declaration creates a read-only reference to a value. It does not mean the value it holds is immutable, just that the variable identifier cannot be reassigned.
+For instance, in the case where the content is an object, this means the object's contents (e.g., its properties) can be altered.
+*/

Week3/homework/step3-bonus.js

@@ -3,7 +3,7 @@
 const values = ['a', 'b', 'c', 'd', 'a', 'e', 'f', 'c'];
 
 function makeUnique(arr) {
-  // Replace this comment and the next line with your code
+  return [...new Set(arr)];
   console.log(arr);
 }
 

Week3/homework/step3.js

@@ -1,7 +1,9 @@
 'use strict';
 
 function createBase(base) {
-  // Replace this comment and the next line with your code
+  return function(item) {
+    return base + item;
+  };
   console.log(base);
 }