Skip to content

Commit 41522ca

Browse files
viditvarshneyviditvarshney
authored
Update index.html
1 parent d587ca4 commit 41522ca

1 file changed

Lines changed: 88 additions & 7 deletions

File tree

‎index.html‎

Lines changed: 88 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,105 @@
1-
<html>
1+
<!doctype html>
2+
<html lang = "en">
23
<head>
4+
35
<title>Reaction Time Game</title>
46

57
<link rel="stylesheet" type="text/css" href="style.css">
8+
9+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
10+
11+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
12+
13+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
14+
15+
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
16+
17+
<script type="text/javascript" src="test.js"></script>
18+
19+
20+
621
</head>
722

23+
824
<body>
925

10-
<h1>Test Your Reactions!</h1>
11-
<h2>Click On The Boxes And Circles As Quickly As You Can! </h2>
12-
<h3>Your best time and the current time is displayed before</h3>
26+
<div class="container-fluid">
27+
28+
<div class="navbar navbar-expand-lg bg-light">
29+
30+
<div class="navbar-brand">
31+
32+
<div id="mySidenav" class="sidenav">
33+
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
34+
35+
<a id ="me" href="#">ME</a>
36+
37+
<a href="https://gitter.im/Reaction-Timer/Lobby" target="_blank">Contact</a>
38+
</div>
39+
40+
<div id="main">
41+
42+
<span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
43+
</div>
44+
45+
<a href="#" ><img id="Logo" src="https://blog.flamingtext.com/blog/2018/08/10/flamingtext_com_1533877514_502837185.gif" border="0"></a>
46+
47+
48+
</div>
49+
50+
<ul class="navbar-nav">
51+
52+
53+
<li id="contact" class="nav-item">
54+
<a href="https://gitter.im/Reaction-Timer/Lobby" target="_blank"><i class="fa fa-fw fa-envelope"></i><span id="largerText">Contact</span></a>
55+
56+
57+
58+
<li class="nav-item">
59+
<a class="nav-link" href="https://github.com/viditvarshney" target="_blank"><img id="github" src="github.JPG"></a>
60+
</li>
61+
62+
63+
<li class="nav-item">
64+
<a class="nav-link" href="https://www.facebook.com/vidit.varshney222" target="_blank"><img src="Capture.JPG"><span id="profile">Profile</span></a>
65+
</li>
66+
67+
</ul>
68+
69+
</div>
70+
71+
72+
</div>
73+
74+
<p> RULES ::--></p>
75+
76+
<div id="disappear">
77+
78+
<p>Want to know ,"How to play the Game ? </p>
1379

14-
<p class="bold">Your Time: <span id="timeTaken"></span></p>
80+
<p>Click on the Instructions Button..</p>
1581

16-
<p class="bold">Your Best Time: <span id="best"></span></p>
82+
<button id="instruction">TO SEE INSTRUCTIONS CLICK ON ME !!</button>
1783

18-
<div id="shape"></div>
84+
</div>
85+
<p id="rulePara"></p>
86+
87+
<script type="text/javascript">
88+
89+
document.getElementById("instruction").onclick = function() {
90+
91+
document.getElementById("rulePara").innerHTML = "# Welcome to REACTION-TIMER GAME !!<br># You have to click the shapes <br># The shapes are appear on your screen <br># But remember your 'RESPONSE TIME' will be noticed at the left-top corner , so you have to click as fast as you can.. <br># HAVE A NICE GAME, BEST OF LUCK!! <br># To play GAme Go to the Game Console ,which is on top-right corner";
92+
93+
document.getElementById("disappear").innerHTML ="";
94+
}
95+
96+
</script>
97+
98+
<a id="gameConsole" href="https://reactiontimer.tk" target="_blank">Go To Game Console !</a>
1999

20100
<script type="text/javascript" src="script.js"></script>
21101

102+
22103
</body>
23104

24105

0 commit comments

Comments
 (0)