-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (167 loc) · 5.46 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
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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="This small application utilizes the grading system opted by Purbachal University. It uses the latest grading system used by the university after the 2016 batch."
/>
<meta
name="keywords"
content="sgpa, purbanchal university, semester end grade point average, pu calculate sgpa, sgpa calculator for purbanchal university"
/>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="author" content="Abhishek Rijal" />
<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=DM+Sans:wght@500;700&display=swap"
rel="stylesheet"
/>
<title>SGPA Calculator</title>
</head>
<body>
<div class="container">
<h1>SGPA Calculator</h1>
<h4>The missing SGPA calculator for Purbanchal University.</h4>
<form
action=""
onclick="event.preventDefault();"
class="form"
autocomplete="off"
>
<div class="form-group">
<input
type="text"
name="subject"
id="subject"
placeholder="Subject"
inputmode="numeric"
/>
<input
type="text"
name="credit"
id="credit"
placeholder="Credit hours*"
/>
<select name="grade" id="grade" class="form-select">
<option value="" selected="selected" disabled="disabled">
Select Your Grade*
</option>
<option value="A+">A+</option>
<option value="A">A</option>
<option value="B+">B+</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="F">F</option>
</select>
</div>
<div class="form-group">
<input
type="text"
name="subject"
id="subject"
placeholder="Subject"
/>
<input
type="text"
name="credit"
id="credit"
placeholder="Credit hours*"
inputmode="numeric"
/>
<select name="grade" id="grade" class="form-select">
<option value="" selected="selected" disabled="disabled">
Select Your Grade*
</option>
<option value="A+">A+</option>
<option value="A">A</option>
<option value="B+">B+</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="F">F</option>
</select>
</div>
<div class="form-group">
<input
type="text"
name="subject"
id="subject"
placeholder="Subject"
/>
<input
type="text"
name="credit"
id="credit"
placeholder="Credit hours*"
inputmode="numeric"
/>
<select name="grade" id="grade" class="form-select">
<option value="" selected="selected" disabled="disabled">
Select Your Grade*
</option>
<option value="A+">A+</option>
<option value="A">A</option>
<option value="B+">B+</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="F">F</option>
</select>
</div>
</form>
<div class="buttons-group">
<button type="button" class="button add-new">Add New Subject</button>
<button type="button" class="button calculate">Calculate</button>
</div>
</div>
<div class="container response hidden">
<div class="when-success hidden">
<h1 class="success-heading">Your Details</h1>
<table>
<thead>
<tr>
<th>S.N.</th>
<th>Subjects</th>
<th>Credit Hour</th>
<th>Letter Grades</th>
</tr>
</thead>
<tbody></tbody>
<tfoot>
<tr>
<td colspan="2">Total Credit Hours:</td>
<td colspan="2">0</td>
</tr>
</tfoot>
</table>
<h2><strong>SGPA:</strong> <span class="sgpa"></span></h2>
</div>
<div class="when-error hidden">
<h1>Error</h1>
<p>
There has been an error encountered during execution. Please follow
the following suggestions.
</p>
<ol>
<li>The only numeric value is accepted in credit hours.</li>
<li>Please, remove the excessive input element(s).</li>
</ol>
</div>
</div>
<footer>
Developed by
<a href="https://abhishekrijal.com.np" target="_blank">Abhishek Rijal</a>
</footer>
<script type="module" src="./main.js"></script>
</body>
</html>