Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>GPA Calculator</title>
- <style>
- #calcHeading {
- padding-top: 12px;
- padding-bottom: 12px;
- text-align: center;
- margin: 50px;
- background-color: #4CAF50;
- color: white;
- border-radius: 5px;
- }
- </style>
- <div id="gpa"></div>
- <script type="text/javascript">
- function calculateGpa() {
- var totalGradePoints = 0;
- var totalCredits = 0;
- for (var i = 1; i <= 8; i++) {
- var grade = parseFloat(document.getElementById("grade" + i).value);
- var credit = parseFloat(document.getElementById("credit" + i).value);
- if (credit == "") {
- alert("You left the number of credits blank for Course " + i + ".");
- return;
- }
- if ((isNaN(credit) || credit < 0) && !(isNaN(grade) || grade < 0)) {
- alert("Enter a valid number of credits for Course " + i + ".");
- return;
- }
- if ((isNaN(grade) || grade < 0) && !(isNaN(credit) || credit < 0)) {
- alert("Enter a valid grade for Course " + i + ".");
- return;
- }
- if(credit >= 0 && grade >= 0) {
- totalGradePoints += credit * grade;
- totalCredits += credit;
- }
- var gpa= totalGradePoints / totalCredits;
- document.write(gpa);
- }
- }
- </script>
- </head>
- <body>
- <table>
- <tr>
- <th id="calcHeading" colspan="3">First Quarter GPA</th>
- </tr>
- <tr>
- <td>Course:<input type="text" id="course1"></td>
- <td>Grade:
- <select id="grade1">
- <option value=''>-- Select Grade --</option>
- <option value="4">A+</option>
- <option value="4">A</option>
- <option value="3.67">A-</option>
- <option value="3.33">B+</option>
- <option value="3">B</option>
- <option value="2.67">B-</option>
- <option value="2.33">C+</option>
- <option value="2">C</option>
- <option value="1.67">C-</option>
- <option value="1.33">D+</option>
- <option value="1">D</option>
- <option value="0">F-</option>
- </select>
- </td>
- <td>Credit:<input type="text" id="credit1"></td>
- </tr>
- </tr>
- <tr>
- <td>Course:<input type="text" id="course2"></td>
- <td>Grade:
- <select id="grade2">
- <option value=''>-- Select Grade --</option>
- <option value="4">A+</option>
- <option value="4">A</option>
- <option value="3.67">A-</option>
- <option value="3.33">B+</option>
- <option value="3">B</option>
- <option value="2.67">B-</option>
- <option value="2.33">C+</option>
- <option value="2">C</option>
- <option value="1.67">C-</option>
- <option value="1.33">D+</option>
- <option value="1">D</option>
- <option value="0">F-</option>
- </select>
- </td>
- <td>Credit:<input type="text" id="credit2"></td>
- </tr>
- </tr>
- <tr>
- <td>Course:<input type="text" id="course3"></td>
- <td>Grade:
- <select id="grade3">
- <option value=''>-- Select Grade --</option>
- <option value="4">A+</option>
- <option value="4">A</option>
- <option value="3.67">A-</option>
- <option value="3.33">B+</option>
- <option value="3">B</option>
- <option value="2.67">B-</option>
- <option value="2.33">C+</option>
- <option value="2">C</option>
- <option value="1.67">C-</option>
- <option value="1.33">D+</option>
- <option value="1">D</option>
- <option value="0">F-</option>
- </select>
- </td>
- <td>Credit:<input type="text" id="credit3"></td>
- </tr>
- </tr>
- <tr>
- <td>Course:<input type="text" id="inputCourse"></td>
- <td>Grade:
- <select id="grade4">
- <option value=''>-- Select Grade --</option>
- <option value="4">A+</option>
- <option value="4">A</option>
- <option value="3.67">A-</option>
- <option value="3.33">B+</option>
- <option value="3">B</option>
- <option value="2.67">B-</option>
- <option value="2.33">C+</option>
- <option value="2">C</option>
- <option value="1.67">C-</option>
- <option value="1.33">D+</option>
- <option value="1">D</option>
- <option value="0">F-</option>
- </select>
- </td>
- <td>Credit:<input type="text" id="credit4"></td>
- </tr>
- </tr>
- <tr>
- <td>Course:<input type="text" id="inputCourse"></td>
- <td>Grade:
- <select id="grade5">
- <option value=''>-- Select Grade --</option>
- <option value="4">A+</option>
- <option value="4">A</option>
- <option value="3.67">A-</option>
- <option value="3.33">B+</option>
- <option value="3">B</option>
- <option value="2.67">B-</option>
- <option value="2.33">C+</option>
- <option value="2">C</option>
- <option value="1.67">C-</option>
- <option value="1.33">D+</option>
- <option value="1">D</option>
- <option value="0">F-</option>
- </select>
- </td>
- <td>Credit:<input type="text" id="credit5"></td>
- </tr>
- </tr>
- <tr>
- <td>Course:<input type="text" id="inputCourse"></td>
- <td>Grade:
- <select id="grade6">
- <option value=''>-- Select Grade --</option>
- <option value="4">A+</option>
- <option value="4">A</option>
- <option value="3.67">A-</option>
- <option value="3.33">B+</option>
- <option value="3">B</option>
- <option value="2.67">B-</option>
- <option value="2.33">C+</option>
- <option value="2">C</option>
- <option value="1.67">C-</option>
- <option value="1.33">D+</option>
- <option value="1">D</option>
- <option value="0">F-</option>
- </select>
- </td>
- <td>Credit:<input type="text" id="credit6"></td>
- </tr>
- </tr>
- <tr>
- <td>Course:<input type="text" id="inputCourse"></td>
- <td>Grade:
- <select id="grade7">
- <option value=''>-- Select Grade --</option>
- <option value="4">A+</option>
- <option value="4">A</option>
- <option value="3.67">A-</option>
- <option value="3.33">B+</option>
- <option value="3">B</option>
- <option value="2.67">B-</option>
- <option value="2.33">C+</option>
- <option value="2">C</option>
- <option value="1.67">C-</option>
- <option value="1.33">D+</option>
- <option value="1">D</option>
- <option value="0">F-</option>
- </select>
- </td>
- <td>Credit:<input type="text" id="credit7"></td>
- </tr>
- </tr>
- <tr>
- <td>Course:<input type="text" id="inputCourse"></td>
- <td>Grade:
- <select id="grade8">
- <option value=''>-- Select Grade --</option>
- <option value="4">A+</option>
- <option value="4">A</option>
- <option value="3.67">A-</option>
- <option value="3.33">B+</option>
- <option value="3">B</option>
- <option value="2.67">B-</option>
- <option value="2.33">C+</option>
- <option value="2">C</option>
- <option value="1.67">C-</option>
- <option value="1.33">D+</option>
- <option value="1">D</option>
- <option value="0">F-</option>
- </select>
- </td>
- <td>Credit:<input type="text" id="credit 8"></td>
- </tr>
- <tr>
- <td class="right-align">
- <input type="button" value="Calculate GPA" id="gpacalc" onclick="calculateGpa()">
- </td>
- <td class="align-left">
- <input name="Reset" type="reset">
- </td>
- </tr
- </table>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement