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

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

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

  1. Скопируйте весь код из HTML-тегов и вставьте его в текстовый редактор, например, Notepad или Sublime Text.
  2. Сохраните файл с соответствующим именем и расширением, например, "cgpa-calculator.html".
  3. Откройте сохраненный HTML-файл в веб-браузере, например Google Chrome, Mozilla Firefox или Microsoft Edge.
  4. Заполните кредиты и оценки за каждый семестр.
  5. Нажмите кнопку "Рассчитать CGPA".
  6. 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>

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

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

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

CGPA = (Total Grade Points / Total Credits)

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

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

Почему в Python есть оператор &quot;pass&quot;?
Почему в Python есть оператор "pass"?

05.05.2023 14:00

Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.

Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом

05.05.2023 11:59

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря своим методам, они делают код очень простым для понимания и читабельным.

JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы

05.05.2023 11:57

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний, то, не теряя времени, практикуйте наш бесплатный онлайн тест 1100+ JavaScript MCQs и развивайте свои навыки и знания.

Массив зависимостей в React
Массив зависимостей в React

05.05.2023 09:44

Все о массиве Dependency и его связи с useEffect.