rockPaperScissors/app.js at main · Koolxtreme/rockPaperScissors · 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
let optionRock = document.getElementById("optionRock");
let optionPaper = document.getElementById("optionPaper");
let optionScissor = document.getElementById("optionScissor");
let resultado = document.getElementById("result");
let wins = document.getElementById("wins");
let loses = document.getElementById("loses");
let draws = document.getElementById("draws");
let rock = 1;
let paper = 2;
let scissors = 3;
let selection;
let winCounter = 0;
let loseCounter = 0;
let drawCounter = 0;

function takeRival ()
{
    let rival = Math.floor(Math.random()*3+1);
    resultCheck(selection, rival);
}
function resultCheck (selection, rival)
{
    if(selection == rival)
    {
        resultado.innerHTML = "Draw!";
        drawCounter++;
        updateMarker()
    }
    else if (selection == 1 && rival == 3)
    {
        resultado.innerHTML = "You Win!";
        winCounter++;
        updateMarker()
    }
    else if (selection == 2 && rival == 1)
    {
        resultado.innerHTML = "You Win!"
        winCounter++;
        updateMarker()
    }
    else if (selection == 3 && rival == 2)
    {
        resultado.innerHTML = "You Win!"
        winCounter++;
        updateMarker()
    }
    else
    {
        resultado.innerHTML = "You Lose :("
        loseCounter++;
        updateMarker()
    }
}

function updateMarker ()
{
    wins.innerHTML = `${winCounter}`;
    loses.innerHTML = `${loseCounter}`;
    draws.innerHTML = `${drawCounter}`;
}

optionRock.addEventListener("click", () => {selection = rock; takeRival();});
optionPaper.addEventListener("click", () => {selection = paper; takeRival();});
optionScissor.addEventListener("click", () => {selection = scissors; takeRival();});