Rock-Paper-Scissors/script.js at master · QueueElTee/Rock-Paper-Scissors · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
const buttons = document.querySelectorAll('button');
const computerChoiceText = document.querySelector('.computer-choice');
const playerScoreText = document.querySelector('.player-score');
const computerScoreText = document.querySelector('.computer-score');
const gameResultText = document.querySelector('.game-winner');
const reset = document.querySelector('#reset');

let playerScore = 0;
let computerScore = 0;


let getComputerChoice = () => {
    let choices = ['Rock', 'Paper', 'Scissors'];
    let randomChoice = Math.floor(Math.random() * choices.length);
    return choices[randomChoice];
}


let playRound = (playerSelection, computerSelection) => {
    let roundMessage = '';

    if(playerSelection == 'Rock' && computerSelection == 'Paper'){
        roundMessage = 'You Loose! Paper beats Rock';
    }
    else if(playerSelection == 'Paper' && computerSelection == 'Rock'){
        roundMessage = 'You Win! Paper beats Rock';
    }
    else if(playerSelection == 'Rock' && computerSelection == 'Scissors'){
        roundMessage = 'You Win! Rock beats Scissors';
    }
    else if(playerSelection == 'Scissors' && computerSelection == 'Rock'){
        roundMessage = 'You Loose! Rock beats Scissors';
    }
    else if(playerSelection == 'Scissors' && computerSelection == 'Paper'){
        roundMessage = 'You Win! Scissors beats Paper';
    }
    else if(playerSelection == 'Paper' && computerSelection == 'Scissors'){
        roundMessage = 'You Loose! Scissors beats Paper';
    }
    else if(playerSelection == computerSelection){
        roundMessage = 'It\'s a tie';
    }

    return roundMessage;
}


buttons.forEach(button => button.addEventListener('click', e => {

    let computerChoice = getComputerChoice();
    let playerChoice = e.target.id;

    let roundWinner = playRound(playerChoice, computerChoice);

    if(computerScore < 5 && playerScore < 5){
        if (playerChoice != ''){
            computerChoiceText.textContent = computerChoice;
        }

        if (playerChoice == computerChoice){
            computerChoiceText.textContent = `${computerChoice}. It's a tie.`;
        }

        if (roundWinner.includes('Win')){
            playerScore++;
            computerChoiceText.textContent = `${computerChoice}. Human wins this round.`;
        }

        if (roundWinner.includes('Loose')){
            computerScore++;
            computerChoiceText.textContent = `${computerChoice}. Computer wins this round.`;
        }
    }

    playerScoreText.textContent = `${playerScore}`;
    computerScoreText.textContent = `${computerScore}`;

    if (playerScore == 5){
        gameResultText.textContent = 'Human';
    }
    else if(computerScore == 5){
        gameResultText.textContent = 'Computer';
    }

}));


reset.addEventListener('click', () => {
    playerScore = 0;
    computerScore = 0;

    playerScoreText.textContent = `${playerScore}`;
    computerScoreText.textContent = `${computerScore}`;

    computerChoiceText.textContent = '____'
    gameResultText.textContent = '____';
});