-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
68 lines (55 loc) · 2.22 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title> Rock Paper Scissors </title>
<link rel="stylesheet" href="style.css">
<script src="UPDATEDSCRIPT.js"></script>
</head>
<body>
<!--Title and Gameplay area-->
<div class="gameplay">
<div class="welcomeMessage">
<p class="titleSong">You're fighting an AI named Evylen in
the woods and there are only three things you
each can use to fight each other! Your smooth
ape brain should understand the rules of engament... see
if you can win!(YOU CAN'T!)
</p>
<h1>WHICH DO YOU CHOOSE</h1>
</div>
<div id ="aroundNumber"><strong>ROUND 1</strong></div>
<div class="buttons">
<button class="rock" onclick="rockButton()">ROCK</button>
<button class="paper" onclick="paperButton()">PAPER</button>
<button class="scissors" onclick="scissorsButton()">SCISSORS</button>
</div>
</div>
<!--status bar- Scores, Round, Etc..-->
<div class="gameInfo">
<div class="scoreZone">
<h1 class="nerd">Player</h1>
<p id="playerChoice"> </p>
<h1 id=myScore >0</h1>
<h1 id=herScore >0</h1>
<p id="evylenChoice"> </p>
<h1 class="nerd">Evylen</h1>
</div>
<button id="reset" onclick="reset()">RESET Scores to 0</button>
<!--
<div class="liveFeed">
<div class="playerSide">
<h1>Player</h1>
<p id="playerChoice"> </p>
</div>
<div class="evylenSide">
<h1>Evylen</h1>
<p id="evylenChoice"> </p>
</div>
</div>
-->
</div>
</body>
</html>