Javascript 刷新时更改背景颜色和文本颜色

我正在使用一个站点，它在刷新时随机更改div的背景色。 我有一个工作代码：

var bgcolorlist = ['#FFFFFF', '#000000', '#298ACC', '#B079E0'];

$(function() {
$('#color-change').css({
        background: bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
        color: bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
});
});

问题是，我试图改变文本颜色也匹配当前的背景色。但是现在使用我当前的代码，背景和文本颜色都会随机变化。如何修复只有div的背景色随机更改，而文本颜色只会复制div的当前颜色

var bgcolorlist = ['#FECE1B', '#F1585D', '#3BC2D6', '#A5CE39'];

$(function() {
  var backgroundColor = bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)];
  $('#color-change').css({
        background: backgroundColor 
        color: backgroundColor 
  });
});

从css函数的站点中提取随机颜色怎么样

---

如何从css函数的站点中提取随机颜色？

您需要为文本颜色创建另一个列表，并用适当的颜色填充它。以下是带有示例颜色的列表：

var textColorList = ['#000000', '#ffffff', '#00ff00', '#ff0000'];
var bgcolorlist = ['#FFFFFF', '#000000', '#298ACC', '#B079E0'];

$(function() {
  var randomNumber = Math.floor(Math.random()*bgcolorlist.length)
  $('#color-change').css({         
    background: bgcolorlist[randomNumber]
    color: textColorList[randomNumber]
  });
});

---

您需要为文本颜色创建另一个列表，并用适当的颜色填充它。以下是带有示例颜色的列表：

var textColorList = ['#000000', '#ffffff', '#00ff00', '#ff0000'];
var bgcolorlist = ['#FFFFFF', '#000000', '#298ACC', '#B079E0'];

$(function() {
  var randomNumber = Math.floor(Math.random()*bgcolorlist.length)
  $('#color-change').css({         
    background: bgcolorlist[randomNumber]
    color: textColorList[randomNumber]
  });
});

---

我们什么也看不到。。。（文本颜色=背景色）我们什么也看不到。。。（文本颜色=背景色）为什么在

css

方法中声明

randomNumber

？@kapreski谢谢！我犯了多么可怕的错误！！我编辑了答案。你为什么在

css

方法中声明

randomNumber

？@kapreski谢谢！我犯了多么可怕的错误！！我编辑了答案。