すべてのクラスの同じ色のJavaScriptのランダムカラー

Question

基本的に私は、クラスの色を変更するために2つの色を選択する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

一度だけ

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

乱数を取得するループ&の外に Math.random機能を取ります