-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (96 loc) · 3.8 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
<!-- If you're reading this, come help us build more cool stuff like this: https://github.com/SJ-Coding-Club -->
<!-- Ignore the poorly organized/written code, this is a rough prototype -->
<!-- Yeah this code is pretty terrible right now it's like reading a standup comedy sketch -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<h2>SJ GPA Calculator</h2>
<body>
<h3>Calculate Quarterly GPA</h3>
<p>Leave the last box blank if you only have six classes.</p>
<input type="number" id="grade_value1" placeholder="Enter raw grade">
<select id="level1">
<option value=1.0>CP</option>
<option value=1.1>AP</option>
<option value=1.07>H1</option>
<option value=1.05>H2</option>
</select>
<br><br>
<input type="number" id="grade_value2" placeholder="Enter raw grade">
<select id="level2">
<option value=1.0>CP</option>
<option value=1.1>AP</option>
<option value=1.07>H1</option>
<option value=1.05>H2</option>
</select>
<br><br>
<input type="number" id="grade_value3" placeholder="Enter raw grade">
<select id="level3">
<option value=1.0>CP</option>
<option value=1.1>AP</option>
<option value=1.07>H1</option>
<option value=1.05>H2</option>
</select>
<br><br>
<input type="number" id="grade_value4" placeholder="Enter raw grade">
<select id="level4">
<option value=1.0>CP</option>
<option value=1.1>AP</option>
<option value=1.07>H1</option>
<option value=1.05>H2</option>
</select>
<br><br>
<input type="number" id="grade_value5" placeholder="Enter raw grade">
<select id="level5">
<option value=1.0>CP</option>
<option value=1.1>AP</option>
<option value=1.07>H1</option>
<option value=1.05>H2</option>
</select>
<br><br>
<input type="number" id="grade_value6" placeholder="Enter raw grade">
<select id="level6">
<option value=1.0>CP</option>
<option value=1.1>AP</option>
<option value=1.07>H1</option>
<option value=1.05>H2</option>
</select>
<br><br>
<input type="number" id="grade_value7" placeholder="Leave blank if 6">
<select id="level7">
<option value=1.0>CP</option>
<option value=1.1>AP</option>
<option value=1.07>H1</option>
<option value=1.05>H2</option>
</select>
<br><br>
<button type="button" onclick="display_quarter_gpa()">Calculate GPA</button>
<p id="gpa"></p>
<br>
<h3>Calculate Weighted Career GPA After This Quarter</h3>
<p>Enter your Weighted Career GPA and see what it'll be after this quarter.</p>
<input type="number" id="career_gpa" placeholder="Current GPA (W)">
<br>
<br>
<p style="display: inline">last updated as of: </p>
<select id="year">
<option value=0>Freshman</option>
<option value=1>Sophomore</option>
<option value=2>Junior</option>
<option value=3>Senior</option>
</select>
<select id="quarter">
<option value=0.25>1st Quarter</option>
<option value=0.50>2nd Quarter</option>
<option value=0.75>3rd Quarter</option>
<option value=1.0>4th Quarter</option>
</select>
<button type="button" onclick="display_cumulative_gpa()" >New GPA</button>
<p id="cumulative"></p>
<br>
</body>
<footer>
<p>Created by the <a href="https://github.com/SJ-Coding-Club/">SJ Coding Club</a>. Join us to make more cool stuff like this! We're looking for people who enjoy building things and are eager to learn.</p>
</footer>