-
Notifications
You must be signed in to change notification settings - Fork 3
/
Percentage.html
137 lines (137 loc) · 14.1 KB
/
Percentage.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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="icon.png">
<title>Calculate your 12ᵗʰ Grade Percentage</title>
<link rel="stylesheet" href="Percentage.css">
</head>
<body>
<div class="main">
<div class="first">
<div class="container">
<fieldset id="one" onclick="center('one')" onmouseleave="revert()" onmouseenter="display('tenth')" class="one">
<legend class="one">10<sup>th</sup> Grade Board Exam</legend>
<div class="splcontainer">
<span class="second">
<input class="tenth" type="text" id="first10" onmouseenter="highlight('lfirst10', 'enter')" onmouseleave="highlight('lfirst10', 'exit')" oninput="check10('first10')" minlength="1" maxlength="3"><br>
<input class="tenth" type="text" id="second10" onmouseenter="highlight('lsecond10', 'enter')" onmouseleave="highlight('lsecond10', 'exit')" oninput="check10('second10')" minlength="1" maxlength="3"><br>
<input class="tenth" type="text" id="third10" onmouseenter="highlight('lthird10', 'enter')" onmouseleave="highlight('lthird10', 'exit')" oninput="check10('third10')" minlength="1" maxlength="3">
</span>
</div>
<span class="first">
<label id="lfirst10" for="first10">Score in Best Subject from 10<sup>th</sup> Grade Board Exam <small>(100)</small></label><br>
<label id="lsecond10" for="second10">Score in Second Best Subject from 10<sup>th</sup> Grade Board Exam <small>(100)</small></label><br>
<label id="lthird10" for="third10">Score in Third Best Subject from 10<sup>th</sup> Grade Board Exam <small>(100)</small></label><br>
</span>
</fieldset>
</div>
<div class="container">
<fieldset id="two" onclick="center('two')" onmouseleave="revert()" onmouseenter="display('eleventh')" class="two">
<legend class="two">11<sup>th</sup> Grade Final Exam</legend>
<span class="second">
<input class="eleventh" type="text" id="first11" onmouseenter="highlight('lfirst11', 'enter')" onmouseleave="highlight('lfirst11', 'exit')" oninput="check11('first11')" minlength="1" maxlength="3"><br>
<input class="eleventh" type="text" id="second11" onmouseenter="highlight('lsecond11', 'enter')" onmouseleave="highlight('lsecond11', 'exit')" oninput="check11('second11')" minlength="1" maxlength="3"><br>
<input class="eleventh" type="text" id="third11" onmouseenter="highlight('lthird11', 'enter')" onmouseleave="highlight('lthird11', 'exit')" oninput="check11('third11')" minlength="1" maxlength="3"><br>
<input class="eleventh" type="text" id="fourth11" onmouseenter="highlight('lfourth11', 'enter')" onmouseleave="highlight('lfourth11', 'exit')" oninput="check11('fourth11')" minlength="1" maxlength="3"><br>
<input class="eleventh" type="text" id="fifth11" onmouseenter="highlight('lfifth11', 'enter')" onmouseleave="highlight('lfifth11', 'exit')" oninput="check11('fifth11')" minlength="1" maxlength="3">
</span>
<span class="first">
<label id="lfirst11" for="first11">Score in First Subject from 11<sup>th</sup> Grade Final Exam <small>(100)</small></label><br>
<label id="lsecond11" for="second11">Score in Second Subject from 11<sup>th</sup> Grade Final Exam <small>(100)</small></label><br>
<label id="lthird11" for="third11">Score in Third Subject from 11<sup>th</sup> Grade Final Exam <small>(100)</small></label><br>
<label id="lfourth11" for="fourth11">Score in Fourth Subject from 11<sup>th</sup> Grade Final Exam <small>(100)</small></label><br>
<label id="lfifth11" for="fifth11">Score in Fifth Subject from 11<sup>th</sup> Grade Final Exam <small>(100)</small></label><br>
</span>
</fieldset>
</div>
<div class="container">
<fieldset id="three" onclick="center('three')" onmouseleave="revert()" onmouseenter="display('practical')" class="three">
<legend class="three">12<sup>th</sup> Grade Practical Exam</legend>
<span class="second">
<input class="practical" type="text" id="firstpr12" onmouseenter="highlight('lfirstpr12', 'enter')" onmouseleave="highlight('lfirstpr12', 'exit')" oninput="check12pr20('firstpr12')" minlength="1" maxlength="2"><br>
<input class="practical" type="text" id="secondpr12" onmouseenter="highlight('lsecondpr12', 'enter')" onmouseleave="highlight('lsecondpr12', 'exit')" oninput="check12pr20('secondpr12')" minlength="1" maxlength="2"><br>
<input class="practical" type="text" id="thirdpr12" onmouseenter="highlight('lthirdpr12', 'enter')" onmouseleave="highlight('lthirdpr12', 'exit')" oninput="check12pr30('thirdpr12')" minlength="1" maxlength="2"><br>
<input class="practical" type="text" id="fourthpr12" onmouseenter="highlight('lfourthpr12', 'enter')" onmouseleave="highlight('lfourthpr12', 'exit')" oninput="check12pr30('fourthpr12')" minlength="1" maxlength="2"><br>
<input class="practical" type="text" id="fifthpr12" onmouseenter="highlight('lfifthpr12', 'enter')" onmouseleave="highlight('lfifthpr12', 'exit')" oninput="check12pr30('fifthpr12')" minlength="1" maxlength="2">
</span>
<span class="first">
<label id="lfirstpr12" for="firstpr12">Score in First Subject from 12<sup>th</sup> Grade Practical Exam <small>(20)</small></label><br>
<label id="lsecondpr12" for="secondpr12">Score in Second Subject from 12<sup>th</sup> Grade Practical Exam <small>(20)</small></label><br>
<label id="lthirdpr12" for="thirdpr12">Score in Third Subject from 12<sup>th</sup> Grade Practical Exam <small>(30)</small></label><br>
<label id="lfourthpr12" for="fourthpr12">Score in Fourth Subject from 12<sup>th</sup> Grade Practical Exam <small>(30)</small></label><br>
<label id="lfifthpr12" for="fifthpr12">Score in Fifth Subject from 12<sup>th</sup> Grade Practical Exam <small>(30)</small></label><br>
</span>
</fieldset>
</div>
</div>
<div class="second">
<div class="container" >
<fieldset id="four" onclick="center('four')" onmouseleave="revert()" onmouseenter="display('unittest')" class="four">
<legend class="four">12<sup>th</sup> Grade Unit Test</legend>
<span class="second">
<input class="unittest" type="text" id="firstut12" onmouseenter="highlight('lfirstut12', 'enter')" onmouseleave="highlight('lfirstut12', 'exit')" oninput="check12ut_35('firstut12')" minlength="1" maxlength="2"><br>
<input class="unittest" type="text" id="secondut12" onmouseenter="highlight('lsecondut12', 'enter')" onmouseleave="highlight('lsecondut12', 'exit')" oninput="check12ut_35('secondut12')" minlength="1" maxlength="2"><br>
<input class="unittest" type="text" id="thirdut12" onmouseenter="highlight('lthirdut12', 'enter')" onmouseleave="highlight('lthirdut12', 'exit')" oninput="check12ut_35('thirdut12')" minlength="1" maxlength="2"><br>
<input class="unittest" type="text" id="fourthut12" onmouseenter="highlight('lfourthut12', 'enter')" onmouseleave="highlight('lfourthut12', 'exit')" oninput="check12ut_40('fourthut12')" minlength="1" maxlength="2"><br>
<input class="unittest" type="text" id="fifthut12" onmouseenter="highlight('lfifthut12', 'enter')" onmouseleave="highlight('lfifthut12', 'exit')" oninput="check12ut_40('fifthut12')" minlength="1" maxlength="2">
</span>
<span class="first">
<label id="lfirstut12" for="firstut12">Score in First Subject from 12<sup>th</sup> Grade Unit Test <small>(35)</small></label><br>
<label id="lsecondut12" for="secondut12">Score in Second Subject from 12<sup>th</sup> Grade Unit Test <small>(35)</small></label><br>
<label id="lthirdut12" for="thirdut12">Score in Third Subject from 12<sup>th</sup> Grade Unit Test <small>(35)</small></label><br>
<label id="lfourthut12" for="fourthut12">Score in Fourth Subject from 12<sup>th</sup> Grade Unit Test <small>(40)</small></label><br>
<label id="lfifthut12" for="fifthut12">Score in Fifth Subject from 12<sup>th</sup> Grade Unit Test <small>(40)</small></label><br>
</span>
</fieldset>
</div>
<div class="container">
<fieldset id="five" onclick="center('five')" onmouseleave="revert()" onmouseenter="display('midterm')" class="five">
<legend class="five">12<sup>th</sup> Grade Midterm Exam</legend>
<span class="second">
<input class="midterm" type="text" id="firstmt12" onmouseenter="highlight('lfirstmt12', 'enter')" onmouseleave="highlight('lfirstmt12', 'exit')" oninput="check12_70('firstmt12')" minlength="1" maxlength="2"><br>
<input class="midterm" type="text" id="secondmt12" onmouseenter="highlight('lsecondmt12', 'enter')" onmouseleave="highlight('lsecondmt12', 'exit')" oninput="check12_70('secondmt12')" minlength="1" maxlength="2"><br>
<input class="midterm" type="text" id="thirdmt12" onmouseenter="highlight('lthirdmt12', 'enter')" onmouseleave="highlight('lthirdmt12', 'exit')" oninput="check12_70('thirdmt12')" minlength="1" maxlength="2"><br>
<input class="midterm" type="text" id="fourthmt12" onmouseenter="highlight('lfourthmt12', 'enter')" onmouseleave="highlight('lfourthmt12', 'exit')" oninput="check12_80('fourthmt12')" minlength="1" maxlength="2"><br>
<input class="midterm" type="text" id="fifthmt12" onmouseenter="highlight('lfifthmt12', 'enter')" onmouseleave="highlight('lfifthmt12', 'exit')" oninput="check12_80('fifthmt12')" minlength="1" maxlength="2">
</span>
<span class="first">
<label id="lfirstmt12" for="firstmt12">Score in First Subject from 12<sup>th</sup> Grade Midterm Exam <small>(70)</small></label><br>
<label id="lsecondmt12" for="secondmt12">Score in Second Subject from 12<sup>th</sup> Grade Midterm Exam <small>(70)</small></label><br>
<label id="lthirdmt12" for="thirdmt12">Score in Third Subject from 12<sup>th</sup> Grade Midterm Exam <small>(70)</small></label><br>
<label id="lfourthmt12" for="fourthmt12">Score in Fourth Subject from 12<sup>th</sup> Grade Midterm Exam <small>(80)</small></label><br>
<label id="lfifthmt12" for="fifthmt12">Score in Fifth Subject from 12<sup>th</sup> Grade Midterm Exam <small>(80)</small></label><br>
</span>
</fieldset>
</div>
<div class="container">
<fieldset id="six" onclick="center('six')" onmouseleave="revert()" onmouseenter="display('preboard')" class="six">
<legend class="six">12<sup>th</sup> Grade Pre-Board Exam</legend>
<span class="second">
<input class="preboard" type="text" id="firstpb12" onmouseenter="highlight('lfirstpb12', 'enter')" onmouseleave="highlight('lfirstpb12', 'exit')" oninput="check12_70('firstpb12')" minlength="1" maxlength="2"><br>
<input class="preboard" type="text" id="secondpb12" onmouseenter="highlight('lsecondpb12', 'enter')" onmouseleave="highlight('lsecondpb12', 'exit')" oninput="check12_70('secondpb12')" minlength="1" maxlength="2"><br>
<input class="preboard" type="text" id="thirdpb12" onmouseenter="highlight('lthirdpb12', 'enter')" onmouseleave="highlight('lthirdpb12', 'exit')" oninput="check12_70('thirdpb12')" minlength="1" maxlength="2"><br>
<input class="preboard" type="text" id="fourthpb12" onmouseenter="highlight('lfourthpb12', 'enter')" onmouseleave="highlight('lfourthpb12', 'exit')" oninput="check12_80('fourthpb12')" minlength="1" maxlength="2"><br>
<input class="preboard" type="text" id="fifthpb12" onmouseenter="highlight('lfifthpb12', 'enter')" onmouseleave="highlight('lfifthpb12', 'exit')" oninput="check12_80('fifthpb12')" minlength="1" maxlength="2">
</span>
<span class="first">
<label id="lfirstpb12" for="firstpb12">Score in First Subject from 12<sup>th</sup> Grade Pre-Board Exam <small>(70)</small></label><br>
<label id="lsecondpb12" for="secondpb12">Score in Second Subject from 12<sup>th</sup> Grade Pre-Board Exam <small>(70)</small></label><br>
<label id="lthirdpb12" for="thirdpb12">Score in Third Subject from 12<sup>th</sup> Grade Pre-Board Exam <small>(70)</small></label><br>
<label id="lfourthpb12" for="fourthpb12">Score in Fourth Subject from 12<sup>th</sup> Grade Pre-Board Exam <small>(80)</small></label><br>
<label id="lfifthpb12" for="fifthpb12">Score in Fifth Subject from 12<sup>th</sup> Grade Pre-Board Exam <small>(80)</small></label><br>
</span>
</fieldset>
</div>
</div>
</div>
<br clear="all">
<div onclick="revert_center()">
<br>
<br>
<h2 id="percentage">Your 12<sup>th</sup> Grade Board Exam Percentage is: --.--% </h2>
<br>
</div>
<script src="Percentage.js"></script>
</body>
</html>