Klasse Style hinzugefügt + Debug implementiert

2 years ago · 892c4175ba
3 changed files with 35 additions and 6 deletions
--- a/uno/index.html
+++ b/uno/index.html
@ -4,13 +4,13 @@
    <meta charset="UTF-8">
    <title>Uno</title>
    <script defer src="../plugins.js"></script>
    <script defer type="module" src="./web/uno.js"></script>
 </head>
 <body>
    <div id="debug">
        <p id="spieler"></p>
        <p id="playerInGame"></p>
        <p id="player"></p>
        <p id="cardOnDeck"></p>
    </div>
    <script src="../plugins.js"></script>
    <script defer src="web/Style.js"></script>
    <script defer type="module" src="./web/uno.js"></script>
 </body>
 </html>
--- a/uno/web/Style.js
+++ b/uno/web/Style.js
@ -1 +1,27 @@
 $("#spieler").html("Spieler: ");
 export default class Style{
    constructor(gameInstanz) {
        this._game = gameInstanz;
    }
    refreshDebug(){
        $("#player").html("Spieler: " + this.game.currentPlayerInstanz.name);
        //$("#playerCards").html("Spieler: " + this.game.currentPlayerInstanz.name);
        $("#cardOnDeck").html("Karte auf dem Tisch: " + this.game.cardOnDeck.name + " - " + this.game.cardOnDeck.color);
        $("#playerInGame").html("Spieler im Spiel: " + this.game.players.length);
    }
    showDebug(){
        $('#debug').show();
    }
    hideDebug(){
        $('#debug').hide();
    }
    get game(){
        return this._game;
    }
 }
--- a/uno/web/uno.js
+++ b/uno/web/uno.js
@ -1,5 +1,6 @@
 //Legt mögliche Farben fest, "NONE" sind Auswahlkarten
 import Game from "./Game.js";
 import Style from "./Style.js";
 export const CARD_COLORS = ["NONE", "BLUE", "GREEN", "RED", "YELLOW"];
@ -11,8 +12,10 @@ let rules = {
 }
 let game = new Game(2, rules);
 let style = new Style(game);
 game.start();
 console.log(game.currentPlayer + game.cardOnDeck.name +"");
 style.showDebug();
 style.refreshDebug();