{"id":27,"date":"2025-03-01T15:17:33","date_gmt":"2025-03-01T23:17:33","guid":{"rendered":"https:\/\/app.sspc.top\/?page_id=27"},"modified":"2025-03-02T11:11:57","modified_gmt":"2025-03-02T19:11:57","slug":"gpacalculator","status":"publish","type":"page","link":"https:\/\/app.sspc.top\/index.php\/gpacalculator\/","title":{"rendered":"GPA Calculator"},"content":{"rendered":"\n<main class=\"gpa-calculator-container\">\n \u00a0 \u00a0<!--<h1>GPA Calculator<\/h1>-->\n    <!-- Add Semester Section -->\n    <div class=\"card\">\n        <div class=\"card-header\">\n            <h2>Add Semester<\/h2>\n        <\/div>\n        <div class=\"card-content\">\n            <div class=\"form-grid\">\n                <div class=\"form-group\">\n                    <label for=\"term\">Term<\/label>\n                    <select id=\"term\" required>\n                        <option value=\"\">Select term<\/option>\n                        <option value=\"Fall\">Fall<\/option>\n                        <option value=\"Spring\">Spring<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"month\">Month<\/label>\n                    <input type=\"text\" id=\"month\" placeholder=\"e.g. September\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"year\">Year<\/label>\n                    <input type=\"text\" id=\"year\" placeholder=\"e.g. 2024\" required>\n                <\/div>\n            <\/div>\n            <button onclick=\"addSemester()\" class=\"btn\">Add Semester<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Add Course Section -->\n    <div class=\"card\">\n        <div class=\"card-header\">\n            <h2>Add Course<\/h2>\n        <\/div>\n        <div class=\"card-content\">\n            <div class=\"form-group\">\n                <label for=\"semester\">Semester<\/label>\n                <select id=\"semester\" required>\n                    <option value=\"\">Select semester<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"form-grid\">\n                <div class=\"form-group\">\n                    <label for=\"courseName\">Course Name<\/label>\n                    <input type=\"text\" id=\"courseName\" placeholder=\"e.g. Mathematics\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"courseType\">Course Type<\/label>\n                    <select id=\"courseType\" required>\n                        <option value=\"\">Select type<\/option>\n                        <option value=\"IB HL\">IB HL<\/option>\n                        <option value=\"IB SL\">IB SL<\/option>\n                        <option value=\"AP\">AP<\/option>\n                        <option value=\"Honors\">Honors<\/option>\n                        <option value=\"Standard\">Standard<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"grade\">Grade<\/label>\n                    <select id=\"grade\" required>\n                        <option value=\"\">Select grade<\/option>\n                        <option value=\"A+\">A+<\/option><option value=\"A\">A<\/option><option value=\"A-\">A-<\/option><option value=\"B+\">B+<\/option><option value=\"B\">B<\/option><option value=\"B-\">B-<\/option><option value=\"C+\">C+<\/option><option value=\"C\">C<\/option><option value=\"C-\">C-<\/option><option value=\"D+\">D+<\/option><option value=\"D\">D<\/option><option value=\"D-\">D-<\/option><option value=\"F\">F<\/option>                    <\/select>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"credits\">Credit Hours<\/label>\n                    <input type=\"number\" id=\"credits\" placeholder=\"e.g. 3\" min=\"0.5\" step=\"0.5\" required>\n                <\/div>\n            <\/div>\n            <button onclick=\"addCourse()\" class=\"btn\">Add Course<\/button>\n            <div id=\"error\" class=\"error\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Courses Table Section -->\n    <div class=\"card\">\n        <div class=\"card-header\">\n            <h2>Courses<\/h2>\n        <\/div>\n        <div class=\"card-content\">\n            <div class=\"table-container\">\n                <table id=\"coursesTable\">\n                    <thead>\n                        <tr>\n                            <th>Semester<\/th>\n                            <th>Course Name<\/th>\n                            <th>Type<\/th>\n                            <th>Grade<\/th>\n                            <th>Credits<\/th>\n                            <th>Weighted Points<\/th>\n                            <th>Action<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody id=\"coursesTableBody\">\n                        <tr class=\"empty-table\">\n                            <td colspan=\"7\">No courses added yet. Add a course to calculate your GPA.<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- GPA Result Section -->\n    <div class=\"card\">\n        <div class=\"card-header\">\n            <h2>GPA Result<\/h2>\n        <\/div>\n        <div class=\"card-content\">\n            <div class=\"gpa-grid\">\n                <div class=\"stats\">\n                    <p>Total Courses: <span id=\"totalCourses\">0<\/span><\/p>\n                    <p>Total Credits: <span id=\"totalCredits\">0<\/span><\/p>\n                <\/div>\n                <div class=\"gpa-display\">\n                    <div class=\"gpa-number\" id=\"weightedGPA\">0.00<\/div>\n                    <p>Weighted GPA (5.0 Scale)<\/p>\n                <\/div>\n                <div class=\"gpa-display\">\n                    <div class=\"gpa-number\" id=\"unweightedGPA\">0.00<\/div>\n                    <p>Unweighted GPA (4.0 Scale)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/main> \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/app.sspc.top\/index.php\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.sspc.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app.sspc.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/app.sspc.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/app.sspc.top\/index.php\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":8,"href":"https:\/\/app.sspc.top\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/app.sspc.top\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/app.sspc.top\/index.php\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}