Completed HW

.eslintrc.json

@@ -3,5 +3,8 @@
   "env": {
     "node": true,
     "jest": true
+  },
+  "rules": {
+    "no-console": 0
   }
 }

src/components/DivElement.js

@@ -1,5 +1,15 @@
 // Import HTMLElement here
-
+// Import HTMLElement here
+import HTMLElement from './HTMLElement';
 // Define class here
-
+class DivElement extends HTMLElement {
+  constructor(content) {
+    super('div', content);
+  }
+}
+const andIThinkToMyself = new DivElement('What a wonderful world');
+// andIThinkToMyself.render();
+console.log(andIThinkToMyself.render());
+// prints "<div>What a wonderful world</div>"
 // 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 greeting = `<${this.tag}>${this.content}</${this.tag}>`;
+    return greeting;
+  }
+}
+const lovelaceQuote = new HTMLElement('p', 'I am never so happy as when I am really engaged in good earnest...');
+// lovelaceQuote.render();
+console.log(lovelaceQuote.render());
+// prints "<p>I am never so happy as when I am really engaged in good earnest...</p>"
 // Export class here
-export default {};
+export default HTMLElement;

src/rolodex/rolodexPrinter.js

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

src/timer/Timer.js

@@ -1,17 +1,15 @@
+let nseconds;
 function Timer(seconds) {
-  this.seconds = seconds;
+  nseconds = seconds;
 }
-
-Timer.prototype.start = function () {
-  var instance = this;
-  var timerInterval = setInterval(function () {
-    if (instance.seconds === 0) {
+Timer.prototype.start = (() => {
+  const timerInterval = setInterval(() => {
+    if (nseconds === 0) {
       clearInterval(timerInterval);
     }
-
-    console.log(instance.seconds);
-    instance.seconds -= 1;
+    console.log(nseconds);
+    nseconds -= 1;
   }, 1000);
-};
+});
 
 export default Timer;