Чтобы запустить этот код и рассчитать 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)
Где, Всего баллов = (Баллы х Кредиты) за каждый семестр Всего кредитов = Сумма кредитов за все семестры.
Я также могу объяснить вам код и помочь вам внести любые изменения или модификации в калькулятор в соответствии с вашими требованиями.
20.08.2023 18:21
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в 2023-2024 годах? Или это полная лажа?".
20.08.2023 17:46
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
19.08.2023 18:39
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в частности, магию поплавков и гибкость flexbox.
19.08.2023 17:22
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для чтения благодаря своей простоте. Кроме того, мы всегда хотим проверить самые последние возможности в наших проектах!
18.08.2023 20:33
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий их языку и культуре.
14.08.2023 14:49
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип предназначен для представления неделимого значения.