Week 1 Assignment

package.json

@@ -1,5 +1,6 @@
 {
   "name": "week1",
+  "type": "module",
   "version": "1.0.0",
   "description": "Week 1 Assignment",
   "main": "index.js",

src/components/DivElement.js

@@ -1,5 +1,14 @@
-// Import HTMLElement here
+import HTMLElement from "./HTMLElement.js";
 
-// Define class here
+console.log(HTMLElement); //
+class DivElement extends HTMLElement { //ESLint
+  constructor(content) {
+    super('div', content);
+  }
+  render() {
+    return `${this.content}`;
+  }
+}
+const andIThinkToMyself = new DivElement('What a wonderful world');
 
-// Export class here
+console.log(andIThinkToMyself.render());

src/components/HTMLElement.js

@@ -1,4 +1,10 @@
-// Define class here
+export default class HTMLElement {
+  constructor(tag, content) {
+    this.tag = tag;
+    this.content = content;
+  }
 
-// Export class here
-export default {};
+  render() {
+    return `<${this.tag}>${this.content}</${this.tag}>`;
+  }
+}

src/rolodex/rolodexPrinter.js

@@ -1,11 +1,10 @@
 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;
-
+people.forEach((person) => {
+  let names = person.name.split(' ');
+  let firstName = names[0];
+  let lastName = names[1];
+  let email = person.email;
+  let phone = person.phone;
   console.log('First name: ' + firstName + '\nLast name: ' + lastName + '\nEmail: ' + email + '\nPhone number: ' + phone + '\n');
 });

src/timer/Timer.js

@@ -2,9 +2,9 @@ function Timer(seconds) {
   this.seconds = seconds;
 }
 
-Timer.prototype.start = function () {
-  var instance = this;
-  var timerInterval = setInterval(function () {
+Timer.prototype.start = () => {
+  let instance = this.seconds;
+  let timerInterval = setInterval(() => {
     if (instance.seconds === 0) {
       clearInterval(timerInterval);
     }
@@ -13,5 +13,4 @@ Timer.prototype.start = function () {
     instance.seconds -= 1;
   }, 1000);
 };
-
 export default Timer;

src/timer/runTimer.js

@@ -1,4 +1,4 @@
 import Timer from './Timer';
 
-const countdown = new Timer(10);
+let countdown = new Timer(10);
 countdown.start();