RPS_JavaScript/RPS.js at main · AswinR12/RPS_JavaScript · 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
98
99
100
101
102
103
104
105
106
107
108
let score = JSON.parse(localStorage.getItem('score')) || {
    wins : 0,
    losses : 0,
    ties : 0
}
updateScoreElement();
document.body.querySelector('.js-rock-button').addEventListener(
    'click',() => playGame('Rock')    //call playGame when clicked.
);
document.body.querySelector('.js-paper-button').addEventListener(
    'click',() => playGame('Paper')
);
document.body.querySelector('.js-scissor-button').addEventListener(
    'click',() => playGame('Scissors')
);
function updateScoreElement(){
    document.body.querySelector('.js-scoretext').innerText = `Wins : ${score.wins}, Losses : ${score.losses}, Ties : ${score.ties}`;
}
function updateResultElement(result){
    document.body.querySelector('.js-result').innerText = ` Result : ${result}`;
}
function updateMovesElement(playerMove,computerMove){
    document.body.querySelector('.js-moves').innerHTML = `You: <img src="Images/${playerMove}-emoji.png" class="move-icon">  Computer: <img src="Images/${computerMove}-emoji.png" class="move-icon">.`;
}

let isAutoPlaying = false;
let intervalID = undefined;
function autoPlay(){ //play game every second.
    if (isAutoPlaying === false) {
        intervalID = setInterval(
            function() {
                const playermove = pickComputerMove();
                playGame(playermove);
            }, 1000
        );
        isAutoPlaying = true;
    }
    else{
        clearInterval(intervalID);
        isAutoPlaying = false;
    }
}
function playGame(playerMove){
    const computerMove = pickComputerMove();
    let result ='';
    if(playerMove === 'Scissors'){
        if(computerMove === 'Rock'){
            result = 'You Lose.';
        }
        else if(computerMove === 'Paper'){
            result = 'You win!';
        }
        else{
            result = 'Tie';
        }
    }
    else if(playerMove === 'Paper'){
        if(computerMove === 'Rock'){
            result = 'You win.';
        }
        else if(computerMove === 'Paper'){
            result = 'Tie.';
        }
        else{
            result = 'You Lose.';
        }
    }
    else if(playerMove === 'Rock'){
        if(computerMove === 'Rock'){
            result = 'Tie.';
        }
        else if(computerMove === 'Paper'){
            result = 'You Lose.';
        }
        else{
            result = 'You win!';
        }
    }
    if(result === 'You win!'){
        score.wins +=1;
    }
    else if (result === 'You Lose.'){
        score.losses += 1;
    }
    else{
        score.ties += 1;
    }
    localStorage.setItem('score',JSON.stringify(score));
    console.log(`Computer move: ${computerMove}`);
    updateScoreElement();
    updateMovesElement(playerMove,computerMove);
    updateResultElement(result);

}
function pickComputerMove(){
    let computerMove = '';
    const choice = Math.random();
    if(choice >= 0 && choice < (1/3)){
        computerMove = 'Rock';
    }
    else if(choice >= (1/3) && choice < (2/3)){
        computerMove = 'Paper';
    }
    else{
        computerMove = 'Scissors';
    }
    return computerMove;
}