Javascript zufällige Farbe für alle Klasse gleiche Farbe

Question

Grundsätzlich habe ich JavaScript, das zwischen zwei Farben wählen wird, um die Farben der Klassen zu ändern, aber es ändert sie zu verschiedenen Farben voneinander. So wird die .navbar violett, wenn die .alert in blau ist Ich brauche es, um eine Farbe auszuwählen, aber stellen Sie sicher, dass sie beide die gleiche Farbe haben.

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

Nehmen Sie die Math.random Funktion aus der Schleife & die Zufallszahl erhalten nur einmal

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