Javascript平均总和

Question

处理一个带有两个输入字段的表单，供用户输入学生的姓名和分数，以及四个按钮，其中一个添加名称和标记，将每个值存储在控制台中。第二个在显示框中显示存储的结果，第三个按钮是清除所有，清除控制台和显示框。

第四个按钮是计算输入分数的平均值。我的问题是这些标记没有存储在下面的数组中，它们存储在用户输入的控制台中。我正在尝试将这些值存储在控制台中并计算出平均值。

<form onsubmit="return false">
    <h4>Enter student results</h4>

    Name:
    <input type="text" id="name" autofocus required>

    Mark:
    <input type="number" id="mark" min="0" max="100" required>




    <div id="buttonBlock">
        <input type="button" id="Add" value="Add Result">
        <input type="button" id="Clear" value="Clear All">
        <input type="button" id="Display" value="Display All">
        <input type="button" id="Average" value="Calculate Average">
    </div>


</form>

<p id="result"></p>

let insertName = [];
let insertMark = [];
 //Arrays//

function getTotal() {
  let total = 0;
  let count = 0;

  for (let i = 0; i < mark.length; i++) {
    total += mark.length[i];
  }

  if (mark[i] !== undefined) {
    //legit value//
    count++;
    total += mark[i];
  }

  let avg = total / count;
  console.log(avg)

  document.getElementById("result").innerHTML = " The Average is " + total;
}

document.getElementById("Average").addEventListener("click", getTotal);

Answer 1

你两次声明了 i

let i = 0;

for (let i = 0; i < mark.length; i++)

此代码从未执行，因为您的 mark.length 为 0

total += mark[i]; 

而且这段代码也没有被执行，因为mark[0]是未定义的

count++;
total += mark[i];

Tge avg = 0/0 是 NaN，但总还是 0

Answer 2

看不到标记的来源，看看它们是否真的是数字。您可能需要解析为整数。 没有注意到你的意图。 @Niels 看到了。

mark = [1,2,3,4,5,6]

function getTotal() {
  let total = 0;
  let count = 0;
  //let i = 0;  // someone edited this to fix poor style

  for (let i = 0; i < mark.length; i++) 
    if (mark[i] !== undefined) {
      //legit value//
      count++;
      total += mark[i];
    }

  let avg = total / count;
  console.log(avg)

  document.getElementById("result").innerHTML = " The Average is " + total;
}

document.getElementById("Average").addEventListener("click", getTotal);

<button id="Average">Average</button>

<div id="result"></div>

创建了一个完整的演示。但老实说，对于像这样有一些错别字的小黑客，他真正需要的只是让它迅速指出他犯错的地方。