-
Notifications
You must be signed in to change notification settings - Fork 0
/
project.html
43 lines (40 loc) · 1.42 KB
/
project.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="project.css">
<script src="jquery-3.3.1.js"></script>
</head>
<body>
<div class="container">
<!--If you need more help use the steps below:-->
<!--Create an HTML page similar to the one attached using only HTML and CSS. This shouldn't take more than an hour. Ask for help if you didn't make much progress after 30mins.-->
<!--Use JavaScript to make the button 1 and 2 count the relating number above it.-->
<!--Make the middle area state who is in the lead. If the scores are the same, make it say "tie".-->
<header>The Clicking Game Challenge</header>
<section id="p1">
<div class="display">0</div>
<p><button class="p1Btn">Player 1</button></p>
</section>
<nav id=".inLead">In the lead:
<p id="winning"> </p></nav>
<article id="p2">
<div class="display2">0</div>
<p><button class="p2Btn">Player 2</button></p>
</article>
<aside>Options</aside>
<div id="instrument">Play with:
<p><button id="keyboard">Keyboard (P&W)</button>
<button id="mouse" disabled>Mouse</button></p>
</div>
<div id="color">Change Background Color
<p><button id="redBtn">Red</button>
<button id="blueBtn">Blue</button>
<button id="yellowBtn">Yellow</button></p>
</div>
<footer><h6>Made by CodeCrew(Porche Wooten)</h6></footer>
</div>
<script src="project.js"></script>
</body>
</html>