html求平均值的函数,计算平均值?在动态html表

这个示例展示了如何在HTML中创建一个动态表格,并实现计算平均值的功能。`calcAverage`函数遍历表格获取成绩数据,计算平均分,并可将低于40分的成绩单元格背景设为红色。此外,还包括`AddRow`和`AddColumn`函数,用于动态添加行和列。表格样式保持固定宽度和高度,内容可编辑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

calcAverage = function() {

var tbl = document.getElementById('myTable');

for(var i= 0; i

}

}

// var tableRow = document.getElementById();

//var tableCells = tableRow.getElementsByTagName("td");

// var assignmentOne = tableCells[2].innerText;

// var averageGrade = tableCells[2].innerText;

//tableCells[3].innerHTML = averageGrade;

//if (averageGrade < 40) {

// tableCells[3].style.backgroundColor = "red";

// tableCells[3].style.color = "white";

//}

//}//

AddRow = function() {

var tbl = document.getElementById('myTable'); // table reference

row = tbl.insertRow(tbl.rows.length); // append table row

var i;

// insert table cells to the new row

for (i = 0; i < tbl.rows[0].cells.length; i++) {

var createCell =row.insertCell(i).contentEditable = true;

}

}

AddColumn = function() {

// var q = document.getElementById('myTable').rows.length;

//for(i=0; i

// var row = document.getElementById('myTable').rows[i +1];

// var x = row.insertCell(3).contentEditable = true;

//}

var tbl = document.getElementById('myTable'); // table reference

// open loop for each row and append cell

for (var i = 0; i < tbl.rows.length; i++) {

var createCell =tbl.rows[i].insertCell(tbl.rows.length).contentEditable = true ;

}

}

table,

th,

td {

table-layout: fixed;

border-style: groove;

border-width: 3px;

height:90px;

width:90x;

col-width:90px

}

th {

text-align: center;

height:90px;

width:90px;

}

tr{

width:90px;

height:90px;

}

Student NameStudent IDAssignment 1Final Grade

Add Row

Add Column

Load data

Save data

Calculate Average

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值