scripts/rps.js


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

let compChoice = {Value: ""};
let playerChoice;
let compChoiceInt;
let playerChoiceInt;
const buttons = document.querySelectorAll('.btn');

let playerScore = 0;
let compScore = 0;

const player = document.querySelector("#player-score");
player.textContent = `player score: ${playerScore}`;

const computer = document.querySelector("#comp-score");
computer.textContent = `computer score: ${compScore}`;

const output = document.querySelector("#output");
output.textContent = "hopefully you're better then a machine ://";

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

    playerChoice = button.id;
    if (playerChoice == "rock") playerChoiceInt = 0;
    else if (playerChoice == "paper") playerChoiceInt = 1;
    else if (playerChoice == "scissors") playerChoiceInt = 2;
    compChoiceInt = getComputerChoice(compChoice);
    playGame();
    })

})

function getRandomInt() {
  return Math.floor(Math.random() *3);
}

function getComputerChoice(compChoice) {
  let choiceNum = getRandomInt();
  if (choiceNum == 0) compChoice.Value = "rock";
  else if (choiceNum == 1) compChoice.Value = "paper";
  else if (choiceNum == 2) compChoice.Value = "scissors";
  return choiceNum;
}

function playRound(){
        let winArray = [[0, 2, 1], 
                        [1, 0, 2], 
                        [2, 1, 0]];
    let result = winArray[playerChoiceInt][compChoiceInt];
    if (result == 0){
    output.textContent = `its a tie! you chose ${playerChoice} and the computer chose ${compChoice.Value}`;
    }
    else if (result == 1){
    output.textContent = `you won! you chose ${playerChoice} and the computer chose ${compChoice.Value}`;
    playerScore++;

    }
    else if (result == 2){
    output.textContent = `you lost! you chose ${playerChoice} and the computer chose ${compChoice.Value}`;
    compScore++;
    }
}

function playGame(){
        output.textContent = "choose rock, paper, or scissors";
        playRound();
        player.textContent = `player score: ${playerScore}`;
        computer.textContent = `computer score: ${compScore}`;
        if (playerScore == 5){
            output.textContent = "you won the game :3";
            playerScore = 0;
            compScore = 0;
            player.textContent = `player score: ${playerScore}`;
            computer.textContent = `computer score: ${compScore}`;
        }
        else if (compScore == 5){
            output.textContent = "you lost the game :/ little looser bitch faggot"
            playerScore = 0;
            compScore = 0;
            player.textContent = `player score: ${playerScore}`;
            computer.textContent = `computer score: ${compScore}`;
        }
}