rock-paper-scissors/app.js at master · leonardoboch/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
let userScore = 0;
let computerScore = 0;
const userScore_span = document.getElementById("user-score");
const computerScore_span = document.getElementById("computer-score");
const scoreBoard_div = document.querySelector(".score-board");
const result_p = document.querySelector(".result > p");
const rock_div = document.getElementById("rock");
const paper_div = document.getElementById("paper");
const scissors_div = document.getElementById("scissors");
//storing something for future use
//storing all in variables so i can use it later
//i stored it all because i did not want to use te document.getElement or
//query selector
//lazy writing ??? i think i am smort
function getComputerChoice()
{
	const choices = ['r','p','s'];
	const randomNumber =  Math.floor(Math.random()*3);
	return choices[randomNumber];
}
function win(a,b)
{
	///increase the user score;
	userScore++;
	userScore_span.innerHTML = userScore;
	///inside the marks
	computerScore_span.innerHTML = computerScore;
	if (a === "r" && b === "s")
	{
		result_p.innerHTML = "Rocks beats Scissors! You WIN" ;

	}
	else if (a === "p" && b === "r")
	{
		result_p.innerHTML = "Paper beats Rock ! You WIN";
	}
	else if(a === "s" && b === "p")
	{
		result_p.innerHTML = "Scissors beats Paper ! You WIN";
	}
}
function lose(a,b)
{
	computerScore++;
	computerScore_span.innerHTML = computerScore;
	userScore_span.innerHTML = userScore;

	if (a === "s" && b === "r")
	{
		result_p.innerHTML = "Rocks beats Scissors! Computer WINS" ;

	}
	else if (a === "r" && b === "p")
	{
		result_p.innerHTML = "Paper beats Rock ! Computer WINS";
	}
	else if(a === "p" && b === "s")
	{
		result_p.innerHTML = "Scissors beats Paper ! Computer WINS";
	}

}
function draw(a,b)
{
	userScore_span.innerHTML = userScore;
	computerScore_span.innerHTML = computerScore;
	if(a === b)
	{
		result_p.innerHTML =  "DRAW ! TRY AGAIN !";
	}
}


function game(userChoice)
{
	const computerChoice = getComputerChoice();
	switch(userChoice + computerChoice)
	{
		case "rs":
		case "pr":
		case "sp":
			win(userChoice,computerChoice);
		break;
		case "sr":
		case "rp":
		case "ps":
			lose(userChoice,computerChoice);
		break;
		case "ss":
		case "rr":
		case "pp":
			draw(userChoice,computerChoice);
		break;
	}
}
function main()
{
	rock_div.addEventListener('click', function()
		{
			game("r");

		}
	)
	paper_div.addEventListener('click',function()
		{

			game("p");
		}
	)
	scissors_div.addEventListener('click', function()
		{

			game("s");
		}
	)
}
main();