app2.js

//game options - things set only once
let Options = {
    numberOfMoves : 4,
    numberOfRounds : 3,
    possibleMoves : [
        {
            buttonLabel: "Jab", 
            code: "jab",
            winsAgainst: ["cross", "uppercut"]
        }, 
        {
            buttonLabel: "Cross",
            code: "cross",
            winsAgainst: ["rHook", "uppercut"]
        }, 
        {
            buttonLabel: "Left Hook",
            code: "lHook",
            winsAgainst: ["cross", "jab"]
         },
         {
             buttonLabel: "Right Hook",
             code: "rHook",
             winsAgainst: ["jab", "lHook"] 
         },
         {
             buttonLabel: "Uppercut",
             code: "uppercut",
             winsAgainst: ["rHook", "lHook"]
         }],
}

//game board - visual ux
let Board = {
    buttonArray : [],
    playButton : document.createElement("button"),
    
    createButtons () {
        let moves = Options.possibleMoves;
        let buttonContainer = document.getElementById("buttonContainer");


        for (let i = 0; i < moves.length; i++) {
            let playersMove = moves[i];
            let newButton = document.createElement("button");

            newButton.addEventListener("click", () => {
                Player.moves.push(playersMove);
                Player.moveCounter++;
                this.checkCount();
            });
            newButton.innerText = moves[i]["buttonLabel"];

            buttonContainer.appendChild(newButton);
            
            this.buttonArray.push(newButton);
        };
        
        let playButton = this.playButton;
        playButton.innerText = "play";
        playButton.addEventListener("click", () => Engine.runRound());
        buttonContainer.appendChild(playButton); 
        
        this.disablePlayButton(true);
    },
    checkCount () {
        if (Player.moveCounter >= Options.numberOfMoves){
            this.disablePlayButton(false);
            this.disablePunchButtons(true);          
        }
    },
    disablePlayButton (boolean) {
        this.playButton.disabled = boolean;
    },

    disablePunchButtons (boolean) {
        let buttonArray = this.buttonArray;
        for (let i = 0; i < buttonArray.length; i++) {
            const button = buttonArray[i];
            button.disabled = boolean;       
        }
    }
}

//player
let Player = {
    moves : [],
    score : 0,
    moveCounter : 0,
    roundScore : 0,
}

//opponent
function Opponent () {
    this.moves = [];
    this.score = 0;
}

//game engine
let Engine = {
 feature_multi_move
    currentOpponent : new Opponent(),
    round : 1,
    punch : 0,
    roundResult : "",
  
    setupGame () {
        let opponentMoves = this.currentOpponent.moves = [];
        for (let i = 0; i < Options.numberOfMoves; i++) {
            opponentMoves = this.currentOpponent.moves;
            opponentMoves.push(this.randomComputerMove())
        };
    },
    randomComputerMove () {

        const randomNum = (Math.floor((Math.random()*5)));
        let randomMove = Options.possibleMoves[randomNum];
        return randomMove;
    },
    runRound () {
        console.log(`Round: ${this.round} of ${Options.numberOfRounds}`)
        let playerMoves = Player.moves;  
        let opponentMoves = this.currentOpponent.moves;
        for (let i  = 0; i < playerMoves.length; i++) {
            const playerMove = playerMoves[i];
            const playerCode = playerMove.code;
            const opponentMove = opponentMoves[i];
            const opponentCode = opponentMove.code;
            
            if (playerCode === opponentCode) {
                    this.roundResult = "tie";
            } else if (playerMove.winsAgainst.includes(opponentMove.code)) {
                this.roundResult = "win";
                Player.score++;
                Player.roundScore++;
            } else {
                this.roundResult = "lose";
                this.currentOpponent.score++;
            }
            this.punch++;
            console.log(`Punch: ${this.punch}. Player's ${playerMove.buttonLabel} VS Opponent's ${opponentMove.buttonLabel}, You ${this.roundResult}.`);
          
        }
        this.round++;
        this.resetRound();
        
        },
    resetRound () {
        this.punch = 0;
        Player.moves = [];
        Player.moveCounter = 0;
        Board.disablePlayButton(true);
        Board.disablePunchButtons(false);


        //REFACTOR create knock out as a method
        if (Player.roundScore == Options.numberOfMoves) {
            console.log("KNOCK OUT");
            console.log("YOU WIN.");
            this.resetGame();
        };

        Player.roundScore = 0;

        //REFACTOR create win screen as a methdd
        if (this.round > Options.numberOfRounds) {
            console.log(`GAME OVER. FINAL SCORE: YOU: ${Player.score} / OPPONENT: ${this.currentOpponent.score}`);
            
            
            if (Player.score == this.currentOpponent.score) {
                    console.log("IT'S A TIE")
            } else if (Player.score > this.currentOpponent.score) {
                console.log("YOU WIN.");
            } else {
                console.log("YOU LOSE.");
            }
            //function to reset round and scores
            this.resetGame();
        }   
    },
    resetGame () {
        this.setupGame();
        Player.score = 0;
        this.currentOpponent.score = 0;
        this.round = 1;
    }
}

//initiate
Board.createButtons();
Engine.setupGame();