Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/maven/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过数组计算变量中包含的数据_Javascript - Fatal编程技术网

Javascript 如何通过数组计算变量中包含的数据

Javascript 如何通过数组计算变量中包含的数据,javascript,Javascript,我写了一个网页 计算每个学生的中文、英文和数学的总分和平均分,以及全班中文、英文和数学的平均分。 我使用数组方法成功地获得了每个变量的值,但我不知道如何计算数组获得的值 我希望我能寻求帮助和建议 谢谢大家 我的代码: 函数a1(){ 数组[0]=parseInt(document.getElementById('chi').value); 数组[0]=parseInt(document.getElementById('math').value); 数组[0]=parseInt(document

我写了一个网页 计算每个学生的中文、英文和数学的总分和平均分,以及全班中文、英文和数学的平均分。 我使用数组方法成功地获得了每个变量的值,但我不知道如何计算数组获得的值

我希望我能寻求帮助和建议 谢谢大家

我的代码:

函数a1(){
数组[0]=parseInt(document.getElementById('chi').value);
数组[0]=parseInt(document.getElementById('math').value);
数组[0]=parseInt(document.getElementById('eng').value);
}

p{
文本对齐:居中;
字号:18px;
}
数

中国人

英式

数学/p> 总数

平均值

一,

二,

五十

平均值


```
首先,您不应该在任何地方使用
id
,而必须使用
class

然后使用
document.getElementsByClassName(“className”)
document.queryselectoral(.className”)
获取它们。在这两种情况下,都将返回阵列。您需要在阵列上循环以执行操作

更新:我已更新您的HTML,以便在需要时使用
class
属性。为了更好的用户体验,在表单中也使用了此选项,以便仅当提供了值标记时,才提交表单

我提供了一个演示,让你计算一个学生的总数和平均值。你需要在这个逻辑的基础上为其他学生动态构建。试试看

document.addEventListener(“DOMContentLoaded”,()=>{
const form=document.querySelector(“.main form”);
表格.附录列表(“提交”、(e)=>{
e、 预防默认值();
const student1Marks=Array.from(document.queryselectoral(“.std1”);
//控制台日志(学生标记1);
总计1=学生1分数。减少((总计,学生输入)=>{
console.log(studentInput.value);
总计=总计+parseInt(studentInput.value);
返回总数;
}, 0);
document.querySelector(“.t1”).value=total1;
document.querySelector(“.a1”).value=parseInt(total1/3);//提供您自己的平均逻辑
});
});

JS-Bin
数

中国人

英式

数学

总数

平均值

一,


首先,您不应该在任何地方使用
id
,而必须使用
class

然后使用
document.getElementsByClassName(“className”)
document.queryselectoral(.className”)
获取它们。在这两种情况下,都将返回阵列。您需要在阵列上循环以执行操作

更新:我已更新您的HTML,以便在需要时使用
class
属性。为了更好的用户体验,在表单中也使用了此选项,以便仅当提供了值标记时,才提交表单

我提供了一个演示,让你计算一个学生的总数和平均值。你需要在这个逻辑的基础上为其他学生动态构建。试试看

document.addEventListener(“DOMContentLoaded”,()=>{
const form=document.querySelector(“.main form”);
表格.附录列表(“提交”、(e)=>{
e、 预防默认值();
const student1Marks=Array.from(document.queryselectoral(“.std1”);
//控制台日志(学生标记1);
总计1=学生1分数。减少((总计,学生输入)=>{
console.log(studentInput.value);
总计=总计+parseInt(studentInput.value);
返回总数;
}, 0);
document.querySelector(“.t1”).value=total1;
document.querySelector(“.a1”).value=parseInt(total1/3);//提供您自己的平均逻辑
});
});

JS-Bin
数

中国人

英式

数学

总数

平均值

一,

var-sumofval=0;
itemsArray=[10,5,7];
对于(var i=0;i
var-sumofval=0;
itemsArray=[10,5,7];
对于(var i=0;i