-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
74 lines (68 loc) · 3.72 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="icon/math.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="math.css">
<link rel="manifest" href="manifest.webmanifest">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:image" content="icon/ogimage.png">
<meta name="description" content="Enhance Your Calculation Skills Through Practice.Easily customisable basic Math questions ONLINE Practice">
<meta name="google-site-verification" content="VmwAIS1gsEALgtnEz8wofCP06G9WBK3zGI--gduuSns" />
<title>Sharpen Your Mathematics Skills.</title>
</head>
<body>
<!-- <button class="add-button">Add to home screen </button> -->
<h5 id="welcome" class="heading"> <span class="hidden">WELCOME To</span> "Math Practice" </h5>
<section id="main">
<p id="notice" title="Share your favourite tips/quotes on github or Email Me.(Links at Bottom)"></p>
<div id="questiontimer"><p id="question"></p> <span id="timer">00:00</span></div>
<input type="number" id="userAns" onclick="writeOn('welcome','')" oninput="autoEnter()">
<br>
<p id="correct"></p>
<p id="incorrect"></p>
</section>
<hr style="height:4px;border-width:0;color:gray;background-color:gray">
<form name="settings" id="settings">
<h3>Settings</h3>
<h4>What skills to work on</h4>
<label for="add">Addition:</label>
<input type="checkbox" name="Addition" id="add" onchange="formRead()">
<label for='sub'> Subtraction:</label>
<input type="checkbox" name="Subtraction" id="sub" onchange="formRead()"><br><br>
<label for="mul">Multiplication:</label>
<input type="checkbox" name="Multiplication" id="mul" checked onchange="formRead()">
<label for="div"> Division:</label>
<input type="checkbox" name="Division" id="div"> <br>
<hr>
<button type="button" id="level" onclick="toggleLevel()" >Customise Level of Question <span id="levelDropdownSymbol">▼ </span></button>
<div id="levelSet" style="display: none;"><p>Range of 1st number</p>
<label for="from1">FROM</label>
<input type="number" id="from1" value="10" name="from1 ">
<label for="to1">TO</label>
<input type="number" id="to1" value="99"><br>
<p>Range of 2nd number</p>
<label for="from2">FROM</label>
<input type="number" id="from2" value="10">
<label for="to2">TO</label>
<input type="number" id="to2" value="20">
<p>Practice <input type="number" id="NumberOfQuestions" value="10"> Questions in one session.</p>
<label for="real">Check this Box to get Questions (+-×) in a pattern as they often appear in real
life.<sup>[Beta]</sup></label>
<input type="checkbox" name="real" id="real">
</form><button type="button" onclick="formRead();alert('Form Values Updated')">APPLY</button>
<hr>
</div>
<script src="/socket.io/socket.io.js"></script>
<script src="math.js"></script>
<script src="tips.js"></script>
<footer id="footer">
<a href="https://github.com/lkiThakur/Math-Practice/archive/master.zip" class="footer"
title="download zip for offline usage or Anything">Download code.</a>
<a href="https://github.com/lkiThakur/Math-Practice/" class="footer">View on github.</a>
<a href="mailto:[email protected]?subject=Math Practice Webapp" title="Email to developer"
class="footer">Send an Email.</a>
<a href="https://www.linkedin.com/in/thakurlki" title="Connect to Adarsh Singh" class="footer">Connect on
LinkedIn</a>
</footer>
</body>
</html>