week1 ✅

src/components/DivElement.js

@@ -1,5 +1,15 @@
-// Import HTMLElement here
+import HTMLElement from './HTMLElement';
 
-// Define class here
+// DivElement /////////////////////////////////////////////////////////////////
+// An HTML <div> and its inner [content].
+class DivElement extends HTMLElement {
+  // constructor ////////////////////////////////////////////////////////////
+  // Constructs DivElement with given [content].
+  constructor(content) {
+    super();
+    this.tag = 'div';
+    this.content = content;
+  }
+}
 
-// Export class here
+export default DivElement;

src/components/HTMLElement.js

@@ -1,4 +1,19 @@
-// Define class here
+// HTMLElement ////////////////////////////////////////////////////////////////
+// An HTML [tag] and its inner [content].
+class HTMLElement {
+  // constructor ////////////////////////////////////////////////////////////
+  // Constructs HTMLElement with given [tag] and [content].
+  constructor(tag, content) {
+    this.tag = tag;
+    this.content = content;
+  }
 
-// Export class here
-export default {};
+  // render /////////////////////////////////////////////////////////////////
+  // Returns a string with this HTMLElement's [content] wrapped in this
+  // HTMLElement's [tag].
+  render() {
+    return `<${this.tag}>${this.content}</${this.tag}>`;
+  }
+}
+
+export default HTMLElement;

src/rolodex/rolodexPrinter.js

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

src/timer/Timer.js

@@ -1,16 +1,17 @@
-function Timer(seconds) {
-  this.seconds = seconds;
+class Timer {
+  constructor(seconds) {
+    this.seconds = seconds;
+  }
 }
 
-Timer.prototype.start = function () {
-  var instance = this;
-  var timerInterval = setInterval(function () {
-    if (instance.seconds === 0) {
+Timer.prototype.start = () => {
+  const timerInterval = setInterval(() => {
+    if (this.seconds === 0) {
       clearInterval(timerInterval);
     }
 
-    console.log(instance.seconds);
-    instance.seconds -= 1;
+    console.log(this.seconds);
+    this.seconds -= 1;
   }, 1000);
 };