-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
49 lines (44 loc) · 1.37 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Let's Go Driving! Quote Typing Game!</title>
<link rel="stylesheet" href="css2.css" />
<script src="script.js" defer></script>
</head>
<body>
<h1>Let's Go Driving! Quote Typing Game</h1>
<div class="timer" id="timer">0</div>
<!-- Trigger/Open The Modal -->
<button id="myBtn">How to Play!</button>
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content hides the close X-->
<div class="modal-content">
<span class="close">×</span>
<p>
Start typing the quote to drive! Red means wrong, green means right!
Your car speeds up or slows down depending on how fast you can turn
all the letters in the quote green and hit the period. Good luck!
</p>
</div>
</div>
<div id="carDiv">
<img
id="carPng"
height="100px"
width="200px"
src="redCar.png"
alt="car"
/>
</div>
<div class="container1">
<div class="infinite-scrolling"></div>
</div>
<div class="container">
<div class="quote-display" id="quoteDisplay">quote</div>
<textarea id="quoteInput" class="quote-input" autofocus>quote</textarea>
</div>
</body>
</html>