Question

基本上我有JavaScript可以在两种颜色之间进行选择以改变类颜色，但它会将它们更改为彼此不同的颜色。因此，当.navbar为蓝色时，.alert将为紫色我需要它来选择颜色，但要确保它们都是相同的颜色。

var colors = ['#2196F3','#8A229C'];
var boxes = document.querySelectorAll('.navbar-default, .alert-info');

for (i = 0; i < boxes.length; i++) {
    // Pick a random color from the array 'colors'.
    boxes[i].style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
}

Answer 1

将Math.random功能移出循环和放大器只获取一次随机数

var colors = ['#2196F3', '#8A229C'];
var boxes = document.querySelectorAll('.navbar-default, .alert-info');
// random number will be generated only once
var getColor =Math.floor(Math.random() * colors.length)
for (i = 0; i < boxes.length; i++) {
  boxes[i].style.backgroundColor = colors[getColor];
}

所有类相同颜色的Javascript随机颜色

1 个答案: