Refactoring, implements flip-functionality, improve naming.

js/Card.js

@@ -2,7 +2,9 @@ class Card {
     color;
     symbol;
     points;
+    facingDown = false;
     assetUrl;
+    backAssetUrl;
 
     constructor(color, symbol, points, assetBaseUrl = 'img/') {
         this.color = color;
@@ -15,7 +17,23 @@ class Card {
         return assetBaseUrl + this.color + this.symbol + '.png'
     }
 
-    cardIsAnAce() {
+    isAnAce() {
         return this.symbol === 'a';
     }
+
+    flip() {
+        this.facingDown = !this.facingDown;
+    }
+
+    isFacingDown() {
+        return this.facingDown;
+    }
+
+    get assetUrl() {
+        if (this.isFacingDown()) {
+            return this.backAssetUrl;
+        }
+
+        return this.assetUrl;
+    }
 }

js/CardDeck.js

@@ -1,9 +1,9 @@
 class CardDeck {
     cardBack;
 
-    constructor() {
+    constructor(cardBack = 'img/cardBack_red5.png') {
         this.generateDeck();
-        this.cardBack = 'img/cardBack_red5.png';
+        this.cardBack = cardBack;
     }
 
     create() {