JavaScript隨機顏色爲所有類相同的顏色

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