rock-paper-scissors/script.js at main · ratherSimple/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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
function computerPlay() {
    let chance = Math.random() * 3;
    let play;
    switch (true) {
        case chance >= 2:
            play = "Rock";
            break;
        case chance >= 1:
            play = "Paper";
            break;
        case chance >= 0:
            play = "Scissors";
            break;
    }
    return play;
}

over = false;

function playRound(playerSelection, computerSelection) {
    if (over)
        return;
    let outcome;
    playerSelection = playerSelection.toLowerCase();
    computerSelection = computerSelection.toLowerCase();
    if (playerSelection == "rock") {
        if (computerSelection == "rock") {
            outcome = "It was a tie!";
        } else if (computerSelection == "paper") {
            outcome = "You lose! Paper beats Rock";
        } else {
            outcome = "You win! Rock beats Scissors";
        }
    }  else if (playerSelection == "paper") {
        if (computerSelection == "rock") {
            outcome = "You win! Paper beats Rock";
        } else if (computerSelection == "paper") {
            outcome = "It was a tie!";
        } else {
            outcome = "You lose! Scissors beat Paper";
        }
    } else {
        if (computerSelection == "rock") {
            outcome = "You lose! Rock beats Scissors";
        } else if (computerSelection == "paper") {
            outcome = "You win! Scissors beat Paper";
        } else {
            outcome = "It was a tie!";
        }
    }
    // console.log(outcome);
    let res = document.querySelector("#result");
    res.innerHTML = outcome;
    updateGame(outcome);
    return outcome;
}

let userScore = 0
let computerScore = 0

function updateGame(msg) {
    let keyword = msg.split(" ")[1];
        if (keyword == "win!")
            userScore++;
        else if (keyword == "was")
            ;
        else
            computerScore++;

    let userDom = document.querySelector("#userScore");
    let compDom = document.querySelector("#compScore");

    userDom.innerHTML = `Your score: ${userScore}`;
    compDom.innerHTML = `Computer score: ${computerScore}`;

    if (userScore < 5 && computerScore < 5)
        return;

    let final;
    let res = document.querySelector("#result");

    if (userScore > computerScore) {
        final = "You have won the game!";
    } else if (userScore < computerScore) {
        final = "You have lost the game!";
    } else {
        final = "You tied!";
    }
    over = true;
    res.innerHTML = final;
}

buttons = document.querySelectorAll("button");

buttons.forEach(button => button.addEventListener("click", e => {playRound(button.id, computerPlay())}));

// function game() {
//     let userScore = 0;
//     let computerScore = 0;
//     for (let i = 0; i < 5; i++) {
//         let userPlay = prompt("What move do you want to play this round?");
//         let outcome = playRound(userPlay, computerPlay());
//         console.log(outcome);
//         let keyword = outcome.split(" ")[1];
//         if (keyword == "win!")
//             userScore++;
//         else if (keyword == "was")
//             ;
//         else
//             computerScore++;
//     }
//     if (userScore > computerScore) {
//         console.log("You have won!");
//     } else if (userScore < computerScore) {
//         console.log("You have lost!");
//     } else {
//         console.log("You tied!");
//     }
// }