基于条件分配表格单元格颜色-JavaScript

在这里，我有一个文本框，它接受一个数字，然后根据这个文本框，在点击一个按钮后显示一个带有随机数字的表格。完成后，如果单元格中的随机数为（num%3==0）或（num%2==0），那么我现在尝试实现的基本上是添加蓝色或红色。然后，稍后显示表下所有数字的平均值。我在这件事上已经有一段时间了，所以我想我应该寻求帮助。关于我如何处理这个问题有什么建议吗

var最小值=1；
var max=100；
函数drawTable（）{
//获取主体的div引用
var div1=document.getElementById（'tableDiv'）；
//创建一个表元素
var tbl=document.createElement（“表”）；
var totalRows=parseInt（document.getElementById（“inputBox”）.value）；
var cellsInRow=parseInt（document.getElementById（“inputBox”）.value）；
//创建行
对于（var rows=0；rows

---

这应该行得通-我们添加了一个变量来存储迭代数字的总和（稍后计算平均值），并在迭代节点时将背景颜色设置为适当的颜色

var最小值=1；
var max=100；
函数drawTable（）{
var div1=document.getElementById（'tableDiv'）；
var tbl=document.createElement（“表”）；
var totalRows=parseInt（document.getElementById（“inputBox”）.value）；
var cellsInRow=parseInt（document.getElementById（“inputBox”）.value）；
var sum=0；//存储数字之和
对于（var rows=0；rows

---

好的，下面的示例只需使用

cell.className

即可添加所需的类。为此，它将

bg

计算移动到for循环中

另外，您没有在

cellText

中使用

getRandom

的值。然后，我们还使用该值计算

bg

请记住：如果要在给定代码块之外使用变量的值，最好在需要在其中调用的块顶部定义该变量

如果您想进一步计算出这些数字的平均值，则必须在创建每个值时将其保存到数组中。生成所有行后，可以基于这些值计算最后一行

希望有帮助

var最小值=1；
var max=100；
函数drawTable（）{
//获取主体的div引用
var div1=document.getElementById（'tableDiv'）；
//创建一个表元素
var tbl=document.createElement（“表”）；
var totalRows=parseInt（document.getElementById（“inputBox”）.value）；
var cellsInRow=parseInt（document.getElementById（“inputBox”）.value）；
//创建行
对于（var rows=0；rows

我刚刚更新了您的问题，加入了MCVE。在提问之前，请记住检查您的代码是否正常工作--我必须在代码末尾添加一个缺少的右括号。@Terry很抱歉，我没有注意到我没有包含右括号。谢谢汉克斯·菲西奥。顺便问一下，我是否可以用新生成的表替换旧表？到目前为止，它只是在现有的基础上不断添加一个。比如，我可以在旧表的基础上添加新表吗？基本上可以替换它，或者类似的东西？谢谢你的解释，这有助于我的理解。我是Js新手，主要学习youtube教程。