Калькулятор CGPA 12 для семестра

Чтобы запустить этот код и рассчитать CGPA, необходимо сохранить код как HTML-файл, а затем открыть его в веб-браузере. Для этого выполните следующие действия:

Скопируйте весь код из HTML-тегов и вставьте его в текстовый редактор, например, Notepad или Sublime Text.
Сохраните файл с соответствующим именем и расширением, например, "cgpa-calculator.html".
Откройте сохраненный HTML-файл в веб-браузере, например Google Chrome, Mozilla Firefox или Microsoft Edge.
Заполните кредиты и оценки за каждый семестр.
Нажмите кнопку "Рассчитать CGPA".
CGPA за все семестры будет отображаться под кнопкой.

Примечание: Если вы внесли какие-либо изменения в код, необходимо сохранить файл и обновить веб-страницу, чтобы увидеть изменения.

<!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>

Вот как вы можете использовать его:

Откройте HTML-файл в веб-браузере.
Введите количество кредитов и баллов за каждый семестр в соответствующие поля ввода.
Нажмите на кнопку "Рассчитать CGPA".
На экране появится рассчитанное значение CGPA.

Чтобы понять, как рассчитывается CGPA, вы можете воспользоваться следующей формулой:

CGPA = (Total Grade Points / Total Credits)

Где, Всего баллов = (Баллы х Кредиты) за каждый семестр Всего кредитов = Сумма кредитов за все семестры.

Я также могу объяснить вам код и помочь вам внести любые изменения или модификации в калькулятор в соответствии с вашими требованиями.

Калькулятор CGPA 12 для семестра

Стоит ли изучать PHP в 2023-2024 годах?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

Приемы CSS-макетирования - floats и Flexbox

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

Концепция локализации и ее применение в приложениях React ⚡️

Пользовательский скаляр GraphQL