-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
58 lines (50 loc) · 3 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="DuckMath"> <!-- Title for the website -->
<meta name="description" content="Welcome to DuckMath.org, where you can learn and have fun!">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<title>Maddox Type</title>
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-T6T06Q3367"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-T6T06Q3367'); <!-- Google Analytics configuration -->
</script>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet"> <!-- Linking to Google Fonts -->
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="assets/icons/Microsoft.VisualStudio.Services.Icons.Default">
<link rel="mask-icon" type="" href="assets/icons/Microsoft.VisualStudio.Services.Icons.Default" color="#111"> <!-- Favicon for the website -->
<!-- CSS -->
<link rel="stylesheet" href="style.css">
<!-- JavaScript -->
<script src="main.js" type="text/javascript" defer></script> <!-- Linking to an external JavaScript file with 'defer' attribute for deferred execution -->
<noscript>Your browser doesn't have JavaScript enabled. Please enable JavaScript or switch to a browser that
supports it.</noscript> <!-- Message for browsers with JavaScript disabled -->
</head>
<body>
<!-- HTML Body Content -->
<h1 id="title">Maddox Type</h1> <!-- Main heading -->
<div id="words"></div> <!-- Placeholder for words -->
<h2>Type here :</h2> <!-- Subheading for input field -->
<textarea rows="4" class="searchbar" onkeyup="update_game();" onkeydown="deleted(event);" type="text" id="query" name="searchbar" placeholder="Click anyone to start game, Click only once!"></textarea> <!-- Text input field with event handlers -->
<button id="start" onclick="start_game(15)" class="button-54">Start (15sec)</button>
<button id="start" onclick="start_game(30)" class="button-54">Start (30sec)</button>
<button id="start" onclick="start_game(60)" class="button-54">Start (60sec)</button>
<button id="start" onclick="start_game(120)" class="button-54">Start (120sec)</button>
<h2>Time: <span id="timer">0</span></h2> <!-- Subheading for timer -->
<div id="score">Score: 0</div> <!-- Display for score -->
<div id="accuracy">Accuracy: 0</div> <!-- Display for accuracy -->
<div id="wpm">Wpm: 0</div> <!-- Display for words per minute -->
</body>
</html>