-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
41 lines (35 loc) · 1.35 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Typing Speed Test</title>
</head>
<body>
<header class="page-head">
<h>Test Your Typing Speed</h>
</header>
<article class="guide-text">
This is a Typing test. Your goal is to duplicate the provided text, EXACTLY,
in the field below the timer starts when you start typing, and only stops when you match this text exactly. Good luck!
</article>
<main class="page-main">
<section class="test-area">
<div class="h-origintext">
<textarea id="origin-text" rows="2"></textarea>
<p id="origin-text-label">Take Your Dreams Seriously.</p>
<small style="font-size: 12px;display: none;" id="small-text" >Type your test text then press Enter </small>
</div>
<div class="student-place">
<textarea placeholder="start type here ..." id="entered-text" rows="6"></textarea>
</div>
<div class="tester-place">
<p id="clock">00:00:00</p>
<button id="reset-btn">Start Over</button>
</div>
</section>
</main>
<script src="script.js"></script>
</body>
</html>