-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
249 lines (198 loc) · 7.81 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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
<!--
BCS2243 WEB ENGINEERING [HOT]
Student ID: CA20123
Student Name: LIM YU SHUN
Section: 2B
Lecturer name: DR NOORLIN
-->
<!DOCTYPE html>
<!--Document information created by LIM YU SHUN CA20123-->
<html>
<head>
<meta name="author" content="LIM YU SHUN CA20123">
<title>MERIT 2022</title>
<!--Create a CSS External Style Sheet & link a .css on another folder -->
<link rel="stylesheet" type="text/css" href="./Styles/merit.css">
<!--Create a javascript & link a .js on another folder -->
<script src="./Functions/merit.js"></script>
</head>
<body>
<div class="header">
<a href="https://www.ump.edu.my/en">
<div class="bannerimg" style="height:150px;">Logo</div>
</a>
</div>
<div class="navbar_mid">
<a href="Views/aboutMerit.html" target="_blank">ABOUT MERIT</a>
</div>
<div class="row">
<div class="main">
<h2>UMP STUDENT MERIT</h2>
<p>Merit accumulation for the year 2022</p>
<br>
<form name="meritForm" onsubmit="return false">
<div class="container1">
<div class ="row">
<div class="column1"><label>A. ACTIVITY-BASED MERIT:</label></div>
<div class="column2">
<table border="1" align="center">
<tr>
<th>ACTIVITY ID AND NAME</th>
<th>ACTIVITY LEVEL</th>
<th>STUDENT POSITION IN THE ACTIVITY</th>
<th>PERFORMANCE SCORE</th>
</tr>
<tr>
<td><select id="an1" name="an1" required onchange="displayActivityLevel()">
<option value="" disabled selected >Select activity</option>
<option value="A100">A100/Sukan Kolej 2022</option>
<option value="A150">A150/UMP PUBG 2022</option>
<option value="A160">A160/Sukan Digital Kampus 2022</option>
<option value="A170">A170/E-Sukan 2022</option>
<option value="A180">A180/Beach Cleanup</option>
</select>
</td>
<td><input type="text" id="al1" name="al1" readonly></td>
<td><select id="asp1" name="asp1" onchange="displayActivityPerformanceScore()">
<option value="" disabled selected>Select student position</option>
<option value="Participant">Participant</option>
<option value="Program Committee">Program Committee</option>
<option value="Main Committee">Main Committee</option>
</td>
<td><input type="text" id="ps1" name="ps1" readonly></td>
</tr>
<tr>
<td><select id="an2" name="an2" onchange="displayActivityLevel()">
<option value="" disabled selected >Select activity</option>
<option value="A100">A100/Sukan Kolej 2022</option>
<option value="A150">A150/UMP PUBG 2022</option>
<option value="A160">A160/Sukan Digital Kampus 2022</option>
<option value="A170">A170/E-Sukan 2022</option>
<option value="A180">A180/Beach Cleanup</option>
</select>
</td>
<td><input type="text" id="al2" name="al2" readonly></td>
<td><select id="asp2" name="asp2" onchange="displayActivityPerformanceScore()">
<option value="" disabled selected>Select student position</option>
<option value="Participant">Participant</option>
<option value="Program Committee">Program Committee</option>
<option value="Main Committee">Main Committee</option>
</td>
<td><input type="text" id="ps2" name="ps2" readonly></td>
</tr>
<tr>
<th colspan="3" style="text-align: right;">Total merits:</th>
<td><input type="text" id="tm1" name="tm1" readonly></td>
</tr>
</table>
</div>
</div>
</div>
<div class="container1">
<div class ="row">
<div class="column1"><label>B. POSITION-BASED MERIT</label></div>
<div class="column2">
<table border="1" align="center">
<tr>
<th>ASSOCIATION/CLUB NAME</th>
<th>POSITION HOLD</th>
<th>LEVEL OF ASSOCIATION/CLUB</th>
<th>PERFORMANCE SCORE</th>
</tr>
<tr>
<td><select id="pan1" name="pan1">
<option value="" disabled selected>Select association/club</option>
<option value="Kelab Drone UMP">Kelab Drone UMP</option>
<option value="Kelab Memanah">Kelab Memanah</option>
<option value="Perwakilan Kolej Kediaman 1">Perwakilan Kolej Kediaman 1</option>
<option value="Perwakilan Kolej Kediaman 2">Perwakilan Kolej Kediaman 2</option>
<option value="Perwakilan Pelajar UMP">Perwakilan Pelajar UMP</option>
</select>
</td>
<td><select id="ph1" name="ph1">
<option value="" disabled selected>Select position</option>
<option value="Member">Member</option>
<option value="Committee">Committee</option>
<option value="College Exco">College Exco</option>
<option value="MPP Exco">MPP Exco</option>
</select>
</td>
<td><select id="ploa1" name="ploa1">
<option value="" disabled selected>Select association/club level</option>
<option value="Residential College/Faculty/Club">Residential College/Faculty/Club</option>
<option value="University">University</option>
<option value="District/State Level">District/State Level</option>
<option value="National">National</option>
<option value="International">International</option>
</select>
</td>
<td><input type="text" id="ps3" name="ps3" readonly></td>
</tr>
<tr>
<td><select id="pan2" name="pan2">
<option value="" disabled selected>Select association/club</option>
<option value="Kelab Drone UMP">Kelab Drone UMP</option>
<option value="Kelab Memanah">Kelab Memanah</option>
<option value="Perwakilan Kolej Kediaman 1">Perwakilan Kolej Kediaman 1</option>
<option value="Perwakilan Kolej Kediaman 2">Perwakilan Kolej Kediaman 2</option>
<option value="Perwakilan Pelajar UMP">Perwakilan Pelajar UMP</option>
</select>
</td>
<td><select id="ph2" name="ph2">
<option value="" disabled selected>Select position</option>
<option value="Member">Member</option>
<option value="Committee">Committee</option>
<option value="College Exco">College Exco</option>
<option value="MPP Exco">MPP Exco</option>
</select>
</td>
<td><select id="ploa2" name="ploa2">
<option value="" disabled selected>Select association/club level</option>
<option value="Residential College/Faculty/Club">Residential College/Faculty/Club</option>
<option value="University">University</option>
<option value="District/State Level">District/State Level</option>
<option value="National">National</option>
<option value="International">International</option>
</select>
</td>
<td><input type="text" id="ps4" name="ps4" readonly></td>
</tr>
<tr>
<th colspan="3" style="text-align:right; font-weight:bold">Total merits:</th>
<td><input type="text" id="tm2" id="tm2" readonly ></td>
</tr>
</table>
</div>
</div>
</div>
<div class="container1">
<div class="row">
<div class="col-calc">
<input type="submit" id="submit" value="CALCULATE" onclick="calculateMerit()">
</div>
<div class="col-reset">
<input type="reset" id="reset" value="RESET">
</div>
</div>
</div>
</form>
<div class="container1">
<div class ="row">
<div class="column1"><label>C. ACCUMMULATED MERITS:</label></div>
<div class="column2">
<input type="number" id="am" name="am" readonly>
</div>
<p id="demo"></p>
</div>
</div>
</div>
</div>
<footer>
<div class="footer">
<div class="navbar_footer">
<h4>Copyright ©2023 Official Portal - University Malaysia Pahang · All rights reserved.</h4>
</div>
</div>
</footer>
</body>
</html>