-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathscript.js
More file actions
86 lines (72 loc) ยท 2.53 KB
/
script.js
File metadata and controls
86 lines (72 loc) ยท 2.53 KB
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
(() => {
const choices = ['rock', 'paper', 'scissors'];
const emojiMap = {
rock: 'โ',
paper: 'โ',
scissors: 'โ๏ธ'
};
let playerScore = 0;
let computerScore = 0;
let drawScore = 0;
const userChoiceDisplay = document.getElementById('userChoice');
const computerChoiceDisplay = document.getElementById('computerChoice');
const resultMessage = document.getElementById('resultMessage');
const playerScoreDisplay = document.getElementById('playerScore');
const computerScoreDisplay = document.getElementById('computerScore');
const drawScoreDisplay = document.getElementById('drawScore');
const buttons = document.querySelectorAll('.choice-btn');
function computerPlay() {
const randomIndex = Math.floor(Math.random() * choices.length);
return choices[randomIndex];
}
function determineWinner(player, computer) {
if (player === computer) return 'draw';
if (
(player === 'rock' && computer === 'scissors') ||
(player === 'paper' && computer === 'rock') ||
(player === 'scissors' && computer === 'paper')
) return 'win';
return 'lose';
}
function updateScores(result) {
if (result === 'win') {
playerScore++;
playerScoreDisplay.textContent = playerScore;
} else if (result === 'lose') {
computerScore++;
computerScoreDisplay.textContent = computerScore;
} else {
drawScore++;
drawScoreDisplay.textContent = drawScore;
}
}
function clearActiveButtons() {
buttons.forEach(btn => btn.setAttribute('aria-pressed', 'false'));
}
function playRound(playerSelection) {
clearActiveButtons();
document.getElementById(playerSelection).setAttribute('aria-pressed', 'true');
const computerSelection = computerPlay();
userChoiceDisplay.textContent = emojiMap[playerSelection];
computerChoiceDisplay.textContent = emojiMap[computerSelection];
const result = determineWinner(playerSelection, computerSelection);
resultMessage.textContent =
result === 'win' ? 'You Win! ๐' :
result === 'lose' ? 'You Lose! ๐' :
"It's a Draw! ๐ค";
resultMessage.style.color =
result === 'win' ? 'var(--win-color)' :
result === 'lose' ? 'var(--lose-color)' :
'var(--draw-color)';
updateScores(result);
}
buttons.forEach(button => {
button.addEventListener('click', () => playRound(button.id));
button.addEventListener('keydown', e => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
button.click();
}
});
});
})();