-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
107 lines (63 loc) · 2.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css" media="screen">
</head>
<body>
<div class="main-body">
<h1>Paper, Rock, Scissors</h1>
<p>Rock-paper-scissors is a hand game usually played by two people, where players simultaneously form one of three shapes with an outstretched hand. The "rock" beats scissors, the "scissors" beat paper and the "paper" beats rock; if both players throw the same shape, the game is tied</p>
<div class="p-r-s">
<div class="one_three">
<h3>Take your pick</h3>
<ul class="choices">
<li>
<a onclick="compare('paper', computerChoice)">
<img src="assets/img/paper.png" width="50px" />
</a>
</li>
<li>
<a onclick="compare('rock', computerChoice)">
<img src="assets/img/rock.png" width="50px" />
</a>
</li>
<li>
<a onclick="compare('scissors', computerChoice)">
<img src="assets/img/scissors.png" width="50px" />
</a>
</li>
</ul>
</div> <!-- one_three -->
<div>
<h3>Scores</h3>
<div class="scores">
<div class="score-box">
<div id="playerScore"></div><!-- .computerScore -->
<span>Player</span>
</div><!-- score-box -->
<div class="score-box">
<div id="computerScore"></div><!-- .computerScore -->
<span>Computer</span>
</div><!-- score-box -->
</div><!-- .scores -->
</div> <!-- two_three -->
<div>
<h3>Choices</h3>
<ul class="decider">
<li>
<span>Player:</span>
<span id="playerChoice">Pick one to get started!</span><!-- .playerChoice -->
</li>
<li>
<span>Computer:</span>
<span id="computerChoice">You first!</span><!-- .computerChoice -->
</li>
</ul>
</div>
</div><!-- .row -->
</div><!-- .main-body -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>