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