Stack3web
diff --git a/‎20-Drawing-Animations/01-timer/index.js‎
Lines changed: 6 additions & 3 deletions b/‎20-Drawing-Animations/01-timer/index.js‎
Lines changed: 6 additions & 3 deletions
diff --git a/‎20-Drawing-Animations/README.md‎
Lines changed: 31 additions & 1 deletion b/‎20-Drawing-Animations/README.md‎
Lines changed: 31 additions & 1 deletion
@@ -8,17 +8,20 @@ class Timer {
     this.pauseButton = pauseButton
 
     // start(){}, Calling the constructor anytime the user clicks on the start button
-    this.startButton,addEventListener('click', this.start)
+    this.startButton.addEventListener('click', this.start)
   }  
 
   start() {
-    console.log('Time to start the timer!');
+    // console.log('Time to start the timer!');
+    console.log(this);
   }
 }
 
 const durationInput = document.querySelector('#duration')
-const startButton = document.querySelector('#pause')
+const startButton = document.querySelector('#start')
 const pauseButton= document.querySelector('#pause')
 
 // Create our instance of the timer and pass in those three elements
 const timer = new Timer(durationInput, startButton, pauseButton)
+
+timer.start()  
@@ -2,4 +2,34 @@
 
 ## 1. 06 Binding Events in a Class
 
-## 
+## 2. 08 Determining the Value of 'This'
+
+#### Determining the value of this inside of an arrow function
+
+```javascript
+const colors = {
+  printColor() {
+    console.log(this)
+  },
+}
+
+colors.print()
+```
+
+```javascript
+const colors = {
+  printColor() {
+    console.log(this)
+    const printThis = () => {
+      console.log(this)
+    }
+    printThis()
+  },
+}
+
+colors.print()
+```
+
+#### Calling the function with bind, call or apply
+
+**bind, call and apply** are built-in functions that belong to all functions inside of JavaScript that we create