如何使用JavaScript计算每个学生的总平均数

问题描述 投票:0回答:1

我希望我的头衔足以理解我的问题,我已经多次发布过此问题,但我希望这次能得到你们的帮助。

<table  id="blacklistgrid" border="2px">
     <tr>
        th id="th">Students Name</th>
     </tr>
     {% for student in teacherStudents %}
     <tr class="tr2">
        <td id="td">{{ student.Students_Enrollment_Records.Student_Users }}</td>
     </tr>
     {% endfor %}
</tr>
    </table>
<button type="button" value="" class="save" onclick="doTheInsert()" title="Insert New Cell" id="save">&plus;&nbsp;Insert New Cell</button>

    <button type="button" value="" class="save" onclick="undoTheInsert()" title="Undo Recent Action" id="unsave">&times;&nbsp;Undo Recent Action</button>

<button type="button" value="" class="save" onclick="compute()" title="Undo Recent Action" id="compute">Compute</button>

这是我的“插入单元格”按钮的脚本

<script>
    var counter = 0;
    function doTheInsert(){

        let header=$("tr#tr");  // same as $.find("tr[id='tr2']")
        $('#th').after("<th data-id='headers' id='header'><input type='date'></th>");
        let rows=$(".tr2");
        rows.append("<td data-id='row' ><input type='number' class='average'/></td>");
        counter++;
    }
    </script>

这是我当前的计算脚本

<script>
function compute(){
  var sum = 0;
  var rows = document.getElementsByClassName("average");
  for(var i = 0; i < counter; i++){
   sum +=  parseInt(rows[i].value);
  }
  var average = sum / counter;
  document.getElementById("demo").innerHTML = average;
  let header=$("tr#tr");  // same as $.find("tr[id='tr2']")
    $('#thb').before("<th data-id='headers' id='headerss'>Average</th>");
    }
</script>

这是我得到的结果,

enter image description here

仅计算第一名学生的平均值

这是我想要的结果

enter image description here

javascript django
1个回答
0
投票

请如下所示更新您的JavaScript计算功能。

© www.soinside.com 2019 - 2024. All rights reserved.