-
Notifications
You must be signed in to change notification settings - Fork 0
/
9.2_RPS.html
104 lines (89 loc) · 2.68 KB
/
9.2_RPS.html
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
<!DOCTYPE html>
<html>
<head>
<title>Rock, Paper, and Scissors</title>
</head>
<body>
<p>Rock Paper & Scissors</p>
<button onclick="playgame('rock');">Rock</button>
<button onclick="playgame('paper');">Paper</button>
<button onclick="playgame('scissors');">Scissors</button>
<p class="js-result"></p>
<p class="js-moves"></p>
<p class="js-score"></p>
<button onclick="
score.wins=0;
score.losses=0;
score.ties=0;
localStorage.removeItem('score');
updatescoreElement();
">Reset Score</button>
<script>
let score = JSON.parse(localStorage.getItem
('score')) || {
wins: 0,
losses: 0,
ties: 0
};
updatescoreElement();
function playgame(playermove) {
const ComputerMove = pickComputermove();
let result = '';
if (playermove === 'rock') {
if (ComputerMove === 'rock') {
result = 'That\'s a Tie';
} else if (ComputerMove === 'paper') {
result = 'You Lose';
} else if (ComputerMove === 'scissors') {
result = 'You Win';
}
} else if (playermove === 'paper') {
if (ComputerMove === 'rock') {
result = 'You Win';
} else if (ComputerMove === 'paper') {
result = 'That\'s a Tie';
} else if (ComputerMove === 'scissors') {
result = 'You Lose';
}
} else if (playermove === 'scissors') {
if (ComputerMove === 'rock') {
result = 'You Lose';
} else if (ComputerMove === 'paper') {
result = 'You Win';
} else if (ComputerMove === 'scissors') {
result = 'That\'s a Tie';
}
}
if (result === 'You Win') {
score.wins += 1;
}
else if (result === 'You Lose') {
score.losses += 1;
}
else if (result === 'That\'s a Tie') {
score.ties += 1;
}
localStorage.setItem('score', JSON.stringify(score));
updatescoreElement();
document.querySelector('.js-result').innerHTML = result;
document.querySelector('.js-moves').innerHTML = `You ${playermove} - ${ComputerMove} Computer`;
}
function updatescoreElement() {
document.querySelector('.js-score').innerHTML =
`wins:${score.wins} , ties:${score.ties} , losses:${score.losses}`;
}
function pickComputermove() {
const rand_no = Math.random();
let ComputerMove = '';
if (rand_no >= 0 && rand_no < 1 / 3) {
ComputerMove = 'rock';
} else if (rand_no >= 1 / 3 && rand_no < 2 / 3) {
ComputerMove = 'paper';
} else if (rand_no >= 2 / 3 && rand_no < 1) {
ComputerMove = 'scissors';
}
return ComputerMove;
}
</script>
</body>
</html>