Rock-Paper-Scissors/script.js at main · zakee21/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

//Global variables for user score and computer's score
let userScore = 0;
let compScore = 0;

//Computer randomly selects rock, paper, or scissors
function getComputerChoice() {
    const choice = ["rock", "paper", "scissors"];
    const random = (Math.floor((Math.random() * choice.length)));
    return choice[random];
    }

//function to play one round of rock paper scissors.
function playRound(userSelection) {

    //Display user's selection in html
    const userChoice = document.querySelector('#userChoice');
    userChoice.textContent = 'Your Choice : ' + userSelection;

    //Invoke function for computer's random selection. Obtain computers selection and display it.
    const compSelection = getComputerChoice();
    const compChoice = document.querySelector('#compChoice');
    compChoice.textContent = "Computer's Choice : " + compSelection;

    //Compare user selection with computer selection, add points to the winner's score, display results for each round.
    if (userSelection === compSelection) {
        document.querySelector('#userScore').textContent = "You : " + userScore;
        document.querySelector('#compScore').textContent = "Computer : " + compScore;
        return document.querySelector('#roundResult').textContent = "It's a tie!";
    }
    else if (userSelection === "rock" && compSelection === "scissors") {
        ++userScore;
        document.querySelector('#userScore').textContent = "You : " + userScore;
        document.querySelector('#compScore').textContent = "Computer : " + compScore;
        document.querySelector('#roundResult').textContent = "You win!";

    }
    else if (userSelection === "paper" && compSelection === "rock") {
        ++userScore;
        document.querySelector('#userScore').textContent = "You : " + userScore;
        document.querySelector('#compScore').textContent = "Computer : " + compScore;
        document.querySelector('#roundResult').textContent = "You win!";

    }
    else if (userSelection === "scissors" && compSelection === "paper") {
        ++userScore;
        document.querySelector('#userScore').textContent = "You : " + userScore;
        document.querySelector('#compScore').textContent = "Computer : " + compScore;
        document.querySelector('#roundResult').textContent = "You win!";
    }
    else {
        ++compScore;
        document.querySelector('#userScore').textContent = "You : " + userScore;
        document.querySelector('#compScore').textContent = "Computer : " + compScore;
        document.querySelector('#roundResult').textContent = "You lose!";
    }

    //announce if user wins or loses the game after the user or computer reaches 5 points
    if (userScore >= 5) {
        document.querySelector('#roundResult').textContent = "YOU WIN THE GAME!";
    }
    else if (compScore >= 5) {
        document.querySelector('#roundResult').textContent = "YOU LOST THE GAME!";
    }
}