-
Notifications
You must be signed in to change notification settings - Fork 0
/
rockPaperScissors.js
53 lines (47 loc) · 1.8 KB
/
rockPaperScissors.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
let player;
let computer;
let playerCounter = 0;
let computerCounter = 0;
const arr = ['Rock', 'Paper', 'Scissors'];
let input = document.querySelectorAll('button');
input.forEach(button => {
button.addEventListener('click', () => {
player = button.id;
playRound(player, computer);
if (playerCounter === 5) {
alert('Player wins the game!');
playerCounter = 0;
computerCounter = 0;
para.textContent = `Player: ${playerCounter} Computer: ${computerCounter}`;
}
else if (computerCounter === 5){
alert('Computer wins the game!');
playerCounter = 0;
computerCounter = 0;
para.textContent = `Player: ${playerCounter} Computer: ${computerCounter}`;
}
console.log(playerCounter, computerCounter);
});
});
function computerSelection() {
return arr[Math.floor(Math.random() * arr.length)];
}
function playRound (player, computer) {
computer = computerSelection().toLowerCase();
if (player === computer) alert('Draw!');
else if ((player === 'rock' && computer === 'scissors') ||
(player === 'paper' && computer === 'rock') ||
(player === 'scissors' && computer === 'paper')) {
playerCounter++;
alert(`${player.toUpperCase()} beats ${computer.toUpperCase()}. Player wins!`);
para.textContent = `Player: ${playerCounter} Computer: ${computerCounter}`;
}
else {
computerCounter++;
alert(`${computer.toUpperCase()} beats ${player.toUpperCase()}. Computer wins!`);
para.textContent = `Player: ${playerCounter} Computer: ${computerCounter}`;
}
}
const div = document.querySelector('.select');
const para = document.createElement('p');
div.appendChild(para);