101. Getters & Setters

Author: Max Kelly

Diff for: hangman/app.js

@@ -3,14 +3,14 @@ const puzzleEl = document.querySelector("#puzzle"); // Selects the id element in
 const statusEl = document.querySelector('#status')
 const game1 = new Hangman("Cat", 2);
 
-puzzleEl.textContent = game1.getPuzzle();
-statusEl.textContent = game1.getStatusMessage()
+puzzleEl.textContent = game1.puzzle;
+statusEl.textContent = game1.statusMessage
 
 window.addEventListener("keypress", function(e) {
   const guess = String.fromCharCode(e.charCode);
   game1.makeGuess(guess);
-  puzzleEl.textContent = game1.getPuzzle();
-  statusEl.textContent = game1.getStatusMessage()
+  puzzleEl.textContent = game1.puzzle;
+  statusEl.textContent = game1.statusMessage
 });
 
 

Diff for: hangman/hangman.js

@@ -1,5 +1,6 @@
 // No guesses? -> ***
 // Guessed "c", "b" and "t"? -> c*t
+
 class Hangman {
     constructor(word, remainingGuesses) {
         this.word = word.toLowerCase().split("");
@@ -21,7 +22,7 @@ class Hangman {
         }
     }
 
-    getStatusMessage() {
+     get statusMessage() {
         if (this.status === "Playing") {
             return `Guesses left: ${this.remainingGuesses}`;
         } else if (this.status === "Failed") {
@@ -31,7 +32,7 @@ class Hangman {
         }
     }
 
-    getPuzzle() {
+    get puzzle() {
 
         let puzzle = "";
 

Diff for: oop/get-set.js

@@ -0,0 +1,17 @@
+//----- Getter & Setters -----
+
+const data = {
+    locations: [],
+    get location() {
+        return this._location
+    },
+    set location(value) {
+        this._location = value.trim()
+        this.locations.push(this._location)
+    }
+}
+
+// Code that uses the data object above
+data.location = '   Melbourne   '
+data.location = ' New York'
+console.log(data)

Diff for: oop/person.js

@@ -23,11 +23,14 @@ class Person {
         return bio;
     }
 
-  setName(fullName) {
-        const names = fullName.split(" "); // This .split allows us to split a string and make an array. We're currently splitting on a space. This would create just Andrew
+  set fullName(fullName) {
+        const names = fullName.split(' '); // This .split allows us to split a string and make an array. We're currently splitting on a space. This would create just Andrew
         this.firstName = names[0];
         this.lastName = names[1];
     }
+    get fullName () {
+        return `${this.firstName} ${this.lastName}`
+    }
 }
 
 // The class Employee extends from Peron meaning we it has the same behaviour as person. This means we don't have to duplicate code.
@@ -38,7 +41,7 @@ class Employee extends Person {
     }
     getBio() {
         // Max is a Helicopter Pilot
-        return `${this.firstName} ${this.lastName} is a ${this.position}.`
+        return `${this.fullName} is a ${this.position}.`
     }
     getYearsLeft() {
         return 65 - this.age
@@ -67,10 +70,10 @@ class Student extends Person {
     }
 }
 
-const me = new Student('Max', 'Kelly', 21, 10, 'English')
-console.log(me.getBio())
-me.updateGrades(+80);
+const me = new Employee('Max', 'Kelly', 21, 'CEO', 'English')
+me.fullName = 'Alex John'
 console.log(me.getBio())
+//me.updateGrades(+80);
 
 // ---------------------
 // The below creates a new person and logs it to the console.