Чтобы запустить этот код и рассчитать CGPA, необходимо сохранить код как HTML-файл, а затем открыть его в веб-браузере. Для этого выполните следующие действия:
Примечание: Если вы внесли какие-либо изменения в код, необходимо сохранить файл и обновить веб-страницу, чтобы увидеть изменения.
<!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> <title>CGPA Calculator</title> /* Credit goes to MDMAHFUZULALAMSIAM */ <style> /* Basic CSS for styling */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; } h1 { text-align: center; margin: 20px 0; } form { width: 50%; margin: 0 auto; } table { border-collapse: collapse; width: 100%; } th, td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } th { background-color: #4CAF50; color: white; } input[type=number] { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: none; background-color: #f8f8f8; } button { background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; } button:hover { opacity: 0.8; } </style> </head> <body> <h1>CGPA Calculator</h1> <form> <table> <tr> <th>Semester</th> <th>Credits</th> <th>Grade</th> </tr> <tr> <td>Semester 1</td> <td><input type = "number" id = "credits1"></td> <td><input type = "number" id = "grade1" step = "0.01" min = "0" max = "4"></td> </tr> <tr> <td>Semester 2</td> <td><input type = "number" id = "credits2"></td> <td><input type = "number" id = "grade2" step = "0.01" min = "0" max = "4"></td> </tr> <tr> <td>Semester 3</td> <td><input type = "number" id = "credits3"></td> <td><input type = "number" id = "grade3" step = "0.01" min = "0" max = "4"></td> </tr> <tr> <td>Semester 4</td> <td><input type = "number" id = "credits4"></td> <td><input type = "number" id = "grade4" step = "0.01" min = "0" max = "4"></td> </tr> <tr> <td>Semester 5</td> <td><input type = "number" id = "credits5"></td> <td><input type = "number" id = "grade5" step = "0.01" min = "0" max = "4"></td> </tr> <tr> <td>Semester 6</td> <td><input type = "number" id = "credits6"></td> <td><input type = "number" id = "grade6" step = "0.01" min = "0" max = "4"></td> </tr> <tr> <td>Semester 7</td> <td><input type = "number" id = "credits7"></td> <td><input type = "number" id = "grade7" step = "0.01" min = "0" max = "4"></td> </tr> <tr> <td>Semester 8</td> <td><input type = "number" id = "credits8"></td> <td><input type = "number" id = "grade8" step = "0.01" min = "0" max = "4"></td> </tr> <tr> <td>Semester 9</td> <td><input type = "number" id = "credits9"></td> <td><input type = "number" id = "grade9" step = "0.01" min = "0" max = "4"></td> </tr> <tr> <td>Semester 10</td> <td><input type = "number" id = "credits10"></td> <td><input type = "number" id = "grade10" step = "0.01" min = "0" max = "4"></td> </tr> <tr> <td>Semester 11</td> <td><input type = "number" id = "credits11"></td> <td><input type = "number" id = "grade11" step = "0.01" min = "0" max = "4"></td> </tr> <tr> <td>Semester 12</td> <td><input type = "number" id = "credits12"></td> <td><input type = "number" id = "grade12" step = "0.01" min = "0" max = "4"></td> </tr> </table> <button type = "button" onclick = "calculateCGPA()">Calculate CGPA</button> </form> <script> function calculateCGPA() { // Get the input values var credits1 = parseFloat(document.getElementById("credits1").value); var grade1 = parseFloat(document.getElementById("grade1").value); var credits2 = parseFloat(document.getElementById("credits2").value); var grade2 = parseFloat(document.getElementById("grade2").value); var credits3 = parseFloat(document.getElementById("credits3").value); var grade3 = parseFloat(document.getElementById("grade3").value); var credits4 = parseFloat(document.getElementById("credits4").value); var grade4 = parseFloat(document.getElementById("grade4").value); var credits5 = parseFloat(document.getElementById("credits5").value); var grade5 = parseFloat(document.getElementById("grade5").value); var credits6 = parseFloat(document.getElementById("credits6").value); var grade6 = parseFloat(document.getElementById("grade6").value); var credits7 = parseFloat(document.getElementById("credits7").value); var grade7 = parseFloat(document.getElementById("grade7").value); var credits8 = parseFloat(document.getElementById("credits8").value); var grade8 = parseFloat(document.getElementById("grade8").value); var credits9 = parseFloat(document.getElementById("credits9").value); var grade9 = parseFloat(document.getElementById("grade9").value); var credits10 = parseFloat(document.getElementById("credits10").value); var grade10 = parseFloat(document.getElementById("grade10").value); var credits11 = parseFloat(document.getElementById("credits11").value); var grade11 = parseFloat(document.getElementById("grade11").value); var credits12 = parseFloat(document.getElementById("credits12").value); var grade12 = parseFloat(document.getElementById("grade12").value); // Calculate the weighted sum of the grades and credits var weightedSum = (credits1 * grade1) + (credits2 * grade2) + (credits3 * grade3) + (credits4 * grade4) + (credits5 * grade5) + (credits6 * grade6) + (credits7 * grade7) + (credits8 * grade8) + (credits9 * grade9) + (credits10 * grade10) + (credits11 * grade11) + (credits12 * grade12); // Calculate the sum of the credits var totalCredits = credits1 + credits2 + credits3 + credits4 + credits5 + credits6 + credits7 + credits8 + credits9 + credits10 + credits11 + credits12; // Calculate the CGPA var cgpa = (weightedSum / totalCredits).toFixed(2); // Display the CGPA alert("Your CGPA is: " + cgpa); } </script> </body> </html>
Вот как вы можете использовать его:
Чтобы понять, как рассчитывается CGPA, вы можете воспользоваться следующей формулой:
CGPA = (Total Grade Points / Total Credits)
Где, Всего баллов = (Баллы х Кредиты) за каждый семестр Всего кредитов = Сумма кредитов за все семестры.
Я также могу объяснить вам код и помочь вам внести любые изменения или модификации в калькулятор в соответствии с вашими требованиями.
05.05.2023 14:00
Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.
05.05.2023 11:59
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря своим методам, они делают код очень простым для понимания и читабельным.
05.05.2023 11:57
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний, то, не теряя времени, практикуйте наш бесплатный онлайн тест 1100+ JavaScript MCQs и развивайте свои навыки и знания.
05.05.2023 09:26