-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (101 loc) · 4.19 KB
/
index.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
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Rock Paper Scissors</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id='main'>
<h1>The Rock - Paper - Scissors Game</h1>
<span id='info-links'>
<a href='https://en.wikipedia.org/wiki/Rock%E2%80%93paper%E2%80%93scissors' class='link' target='_blank'>About Game</a>
<span class='tooltip'>
<a href='https://www.wikihow.com/Play-Rock,-Paper,-Scissors' class='link' target='_blank'>How To Play</a>
<span class='tooltip-text'>
<div>Rock crushes Scissors</div>
<div class='tip'>Scissors cuts Paper</div>
<div>Paper covers Rock</div>
</span>
</span>
</span>
<div id='scoreboard'>
<span id='player-board'>
<h3>PLAYER</h3>
<span class='scores player-total'>0</span>
</span>
<span id='computer-board'>
<h3>COMPUTER</h3>
<span class='scores cpu-total'>0</span>
</span>
</div>
<div id='choice'>
<div id='choice-items'>
<h2>What is your choice?</h2>
<img
src='assets/images/rock.png'
class='images rock'
alt='Rock'>
<img
src='assets/images/paper.png'
class='images paper'
alt='Paper'>
<img
src='assets/images/kisspng-scissors-hair-cutting-shears-cutting-hair-barber-5adb352ab6e447.2381129215243154347491.png'
class='images scissors'
alt='Scissors'>
</div>
</div>
</div>
<audio
class='rock'
src='assets/sounds/impact_rock_large_rockpool_dry_002.mp3'
preload='auto'>
</audio>
<audio
class='paper'
src='assets/sounds/zapsplat_foley_notepad_page_thin_paper_a4_ring_binded_rip_tear_from_pad_002_33417.mp3'
preload='auto'>
</audio>
<audio
class='scissors'
src='assets/sounds/zapsplat_office_scissors_cut_air_x3_12284.mp3'
preload='auto'>
</audio>
<audio
class='you-win'
src='assets/sounds/cartoon_success_fanfair.mp3'
preload='auto'>
</audio>
<div id='analysis'>
<div class='rounds r-one'>
<h3>Round 1</h3>
<div>
<div><span class='rival'>Player</span><span class='player-score'></span></div>
<div><span class='rival'>Computer</span><span class='cpu-score'></span></div>
</div>
</div>
<div class='rounds r-two'>
<h3>Round 2</h3>
<div><span class='rival'>Player</span><span class='player-score'></span></div>
<div><span class='rival'>Computer</span><span class='cpu-score'></span></div>
</div>
<div class='rounds r-three'>
<h3>Round 3</h3>
<div><span class='rival'>Player</span><span class='player-score'></span></div>
<div><span class='rival'>Computer</span><span class='cpu-score'></span></div>
</div>
<div class='rounds r-four'>
<h3>Round 4</h3>
<div><span class='rival'>Player</span><span class='player-score'></span></div>
<div><span class='rival'>Computer</span><span class='cpu-score'></span></div>
</div>
<div class='rounds r-five'>
<h3>Round 5</h3>
<div><span class='rival'>Player</span><span class='player-score'></span></div>
<div><span class='rival'>Computer</span><span class='cpu-score'></span></div>
</div>
</div>
<script src='script.js'></script>
</body>
</html>