所有類別相同顏色的Javascript隨機顏色

Question

基本上，我有JavaScript，它將在兩種顏色之間進行選擇以更改類的顏色，但是它將它們更改為彼此不同的顏色。 因此，當.alert為藍色時， .navbar將為紫色，我需要它來選擇顏色，但請確保它們都是相同的顏色。

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