hw complete

.eslintrc.json

@@ -4,4 +4,5 @@
     "node": true,
     "jest": true
   }
+
 }

src/components/DivElement.js

@@ -1,5 +1,17 @@
 // Import HTMLElement here
+import HTMLElement from './HTMLElement';
 
 // Define class here
+class DivElement extends HTMLElement {
+  constructor(content) {
+    /* this line refers to the HTMLElement Class */
+    /* meaning that it's invoking it with the set parameters */
+    super('div', content);
+  }
+}
+
+// const newDiv = new DivElement('Hello World!');
+// console.log(newDiv.render());
 
 // Export class here
+export default DivElement;

src/components/HTMLElement.js

@@ -1,4 +1,18 @@
 // Define class here
+class HTMLElement {
+  constructor(tag, content) {
+    this.tag = tag;
+    this.content = content;
+  }
+
+  render() {
+    const element = `<${this.tag}>${this.content}</${this.tag}>`;
+    return element;
+  }
+}
+
+// const test = new HTMLElement('h1', 'Hello World!');
+// console.log(test.render());
 
 // Export class here
-export default {};
+export default HTMLElement;

src/pythonIdentationTest/pythonTest.py

@@ -0,0 +1,15 @@
+# this is a test for the indentation of python code using 2 space indentation
+
+def hello():
+  return "hello world"
+
+print(hello())
+
+def addition(a,b):
+  sum = a +b 
+  return sum
+
+print(addition(2,2))
+
+
+# Summary: no errors are caused by new indentation rule

src/rolodex/rolodexPrinter.js

@@ -1,11 +1,15 @@
 import people from './people.json';
 
-people.forEach(function (person) {
-  const names = person.name.split(' ');
-  const firstName = names[0];
-  const lastName = names[1];
-  const email = person.email;
-  const phone = person.phone;
+const information = () => {
+  people.forEach((person) => {
+    const { names } = person.name.split(' ');
+    const { firstName } = names[0];
+    const lastName = names[1];
+    const { email } = person.email;
+    const { phone } = person.phone;
+    const response = `First name: ${firstName} \nLast name: ${lastName} \nEmail:  ${email} \nPhone number:  + ${phone} \n`;
+    return response;
+  });
+};
 
-  console.log('First name: ' + firstName + '\nLast name: ' + lastName + '\nEmail: ' + email + '\nPhone number: ' + phone + '\n');
-});
+information();

src/timer/Timer.js

@@ -1,17 +1,39 @@
-function Timer(seconds) {
-  this.seconds = seconds;
-}
+// function Timer(seconds) {
+//   this.seconds = seconds;
+// }
+
+// Timer.prototype.start = function () {
+//   const instance = Timer();
+//   const timerInterval = () => {
+//     setInterval(() => {
+//       if (instance.seconds === 0) {
+//         clearInterval(timerInterval);
+//       }
 
-Timer.prototype.start = function () {
-  var instance = this;
-  var timerInterval = setInterval(function () {
-    if (instance.seconds === 0) {
-      clearInterval(timerInterval);
-    }
+//       console.log(instance.seconds);
+//       instance.seconds -= 1;
+//     }, 1000);
+//   };
+//   return timerInterval;
+// };
 
-    console.log(instance.seconds);
-    instance.seconds -= 1;
-  }, 1000);
-};
+class Timer {
+  constructor(seconds) {
+    this.seconds = seconds;
+  }
+
+  start() {
+    /* this is the equivalent of let seconds = this.seconds
+    but this is as an object */
+    let { seconds } = this.seconds;
+    const timerInterval = setInterval(() => {
+      if (seconds === 0) {
+        clearInterval(timerInterval);
+      } else {
+        seconds -= 1;
+      }
+    }, 1000);
+  }
+}
 
 export default Timer;