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>
- <script type="text/javascript">
- var gradingScale ={
- "A+":4,
- "A":4,
- "A-":3.67,
- "B+":3.33,
- "B":3,
- "B-":2.67,
- "C+":2.33,
- "C":2,
- "C-":1.67,
- "D+":1.33,
- "D":1,
- "F":0,
- }
- gpacalc.onclick = function() {
- var totalGradePoints = 0;
- var totalCredits = 0;
- for(var i = 1; i<=8; i++) {
- var grade = document.getElementById("mySelect").value;
- var credit = getElementById("credit"+ i).value.trim().toUpperCase();
- } else if (credit == "") {
- alert("You left the number of credits blank for Course " + i + ".");
- return;
- } else if (isNaN(credit)) {
- alert("Enter a valid number of credits for Course " + i + ".");
- return;
- }
- credit= parseInt(credit,10);
- totalGradePoints += grade * credit;
- totalCredits += credit;
- }
- if (totalCredits == 0) {
- alert("Total credits cannot equal zero.");
- return;
- }
- gpa.value =(totalGradePoints / totalCredits);
- }
- </script>
- </head>
- <body>
- <table>
- <tr>
- <th id="calcHeading" colspan="3">First Quarter GPA</th>
- </tr>
- <tr>
- <td>Course:<input type="text" id="inputCourse"></td>
- <td>Grade:
- <select id="grade1">
- <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="inputCourse"></td>
- <td>Grade:
- <select id="grade2">
- <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="inputCourse"></td>
- <td>Grade:
- <select id="grade3">
- <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="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="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="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="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="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">
- </td>
- <td class="align-left">
- <input name="Reset" type="reset">
- </td>
- </tr>
- <tr>
- <td class="right-align">
- <span style="font-weight:bolder;">GPA:</span>
- </td>
- <td><input type="text" id="gpa" value="" size="10"></td>
- </tr>
- </table>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement