时间戳

首页 > 解决方案 > 如何将标记输入文本字段并计算平均值？

javascript - 如何将标记输入文本字段并计算平均值？

问题描述

问题截图

以上是问题。

到目前为止，我只能使用推送功能......我会很感激一些帮助，以了解如何使文本字段成为可能并在其中输入标记并按下按钮，以便代码将其计算为平均值。

供参考。这是一个 external.js。

// JavaScript Document
function button() {
var marks;
marks = [43, 54, 84, 70, 96];


marks.push(62);
marks.push(55);
marks.push(86);
marks.push(50);
marks.push(76);



var results;
results = ((marks[0] + marks[1] + marks[2] + marks[3] + marks[4] + marks[5] + marks[6] + marks[7] + marks[8] + marks[9]) / 10)

document.getElementById("num1").innerHTML = ("Students mark : " + marks);
document.getElementById("num2").innerHTML = ("The average mark is : " + results);
}

标签： javascript

解决方案

这是适合您的工作代码：https ://jsfiddle.net/usmanmunir/bc2yskan/20/

快捷方式 JS：

// JavaScript Document
function button() {
    var marks;
    marks = [43, 54, 84, 70, 96];

    var enter_marks = document.getElementById ("new_marks");

    if (enter_marks.value){
          marks.push(parseInt(enter_marks.value));
     }

    marks.push(62);
    marks.push(55);
    marks.push(86);
    marks.push(50);
    marks.push(76);

  //Total
   var results = marks.reduce((a, b) => a + b, 0)
   var average = results / 10;

    document.getElementById("num1").innerHTML = ("Students mark : " + marks);
    document.getElementById("total_marks").innerHTML = ("Total marks : " + results);
    document.getElementById("num2").innerHTML = ("The average mark is : " + average);
}

HTML

<div id="num1"></div>
<br>
<div id="num2"></div>
<br>
<div id="total_marks"></div>
<br>
<br>
<input type="number" id="new_marks" placeholder="Enter New Marks"/>
<button class="calculate_average" onclick="button()">Calculate Average</button>

推荐阅读