Изменение цвета фона и текста при обновлении

Question

Я работаю с сайтом, который случайным образом меняет цвет фона 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?

Answer 1

Вам необходимо создать еще один список для цветов текста и заполнить его соответствующими цветами.Ниже приведен список с образцами цветов:

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]
  });
});

Answer 2

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

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

Как насчет извлечения случайного цвета из сайта функции css?