initial commit

futurethang · futurethang · commit 2c680495e5f4 · 2022-03-17T13:19:57.000-07:00
diff --git a/closures.html b/closures.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Closures</title>
+  </head>
+
+  <body>
+    <h1>Closures</h1>
+    <script src="closures.js"></script>
+  </body>
+</html>
diff --git a/closures.js b/closures.js
@@ -0,0 +1,65 @@
+// Example
+const createCounter = () => {
+  let count = 0;
+  const getCount = () => count;
+  const increaseCount = () => count++;
+
+  return {
+    getCount,
+    increaseCount
+  };
+};
+const counter = createCounter();
+counter.increaseCount();
+console.log(counter.getCount());
+// 1
+
+// Exercise:
+// This function should create an empty array of messages, and should then
+// return an object with the following methods:
+// - addMessage method that adds a message to the array
+// - getMessage(index) method that returns the message at index index
+
+const createMessageHolder = () => {};
+
+// Test
+const messageHolder = createMessageHolder();
+messageHolder.addMessage('Hello!');
+messageHolder.addMessage('Goodbye!');
+console.log(messageHolder.getMessage(0));
+// "Hello!""
+
+// Example: non-currying
+const addNumbers = function(num1, num2) {
+  return num1 + num2;
+};
+console.log(addNumbers(5, 3));
+// 8
+
+// Example: currying
+const addToNumber = function(num1) {
+  const addToFirst = function(num2) {
+    return num1 + num2;
+  };
+  return addToFirst;
+};
+const addThree = addToNumber(3);
+console.log(addThree(9));
+// 12
+
+console.log(addThree(41));
+// 44
+
+// Create a function createGreeting
+// - This should accept a single argument: greeting (i.e. "Hello")
+// This will return a function a function greet
+// - This accepts a single argument, name (i.e. "Matt")
+// - This function should return the greeting combined with the name, (i.e. "Hello Matt")
+const createGreeting = function(greeting) {};
+
+// Test
+const welcomeGreet = createGreeting('Welcome');
+console.log(welcomeGreet('Alice'));
+
+const helloGreet = createGreeting('Hello');
+console.log(helloGreet('Winnie'));
diff --git a/higher-order.html b/higher-order.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Higher Order Functions</title>
+  </head>
+
+  <body>
+    <script src="higher-order.js"></script>
+  </body>
+</html>
diff --git a/higher-order.js b/higher-order.js
@@ -0,0 +1,22 @@
+// This function should execute the callback function the number of times specified.
+// When the function is being executed, the repetition number (i.e. 1 for the first call)
+// should be passed to the callback.
+const repeatFn = (times, callback) => {};
+
+// Test repeatFn
+const addButton = num => {
+  const button = document.createElement('button');
+  button.innerText = `Button ${num}`;
+  document.querySelector('body').appendChild(button);
+};
+repeatFn(6, addButton);
+
+const toThePower = (num, pow) => {
+  let product = 1;
+  repeatFn(pow, () => {
+    product += product * num;
+  });
+  return product;
+};
+
+console.log(toThePower(3, 3));
