Впервые в мире развития, пожалуйста, будьте терпеливы, если мне не хватает xp. Мне нужно поместить 5 конкретных цветов (я предполагаю использовать массив и функцию тасования) в моих 5 кругах случайным образом.Перемешивание цветов в массиве до 5 divs jQuery
HTML
<div id="colorBox">
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>
JS
function shuffle(array) {
var currentIndex = array.length,
temporaryValue, randomIndex;
while (0 !== currentIndex) {
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex -= 1;
temporaryValue = array[currentIndex];
array[currentIndex] = array[randomIndex];
array[randomIndex] = temporaryValue;
}
return array;
}
var colors = ['red', 'blue', 'green', 'black', 'pink'];
shuffle(colors);
$(".circle").css("background", colors);
Я просто не понимаю, что случилось с моим кодом. пожалуйста помоги!
Я предполагаю, что я забыл упомянуть, я только хочу один из каждого цвета. Таким образом, лучший пример не работает. Спасибо за вашу помощь – ReptarNation
@ReptarNation ok, я удалил это, но вам нужно .each использовать значение –
О, хорошо, я понимаю, что он пытался дать цвета в целом вместо отдельного div. Спасибо, что так долго работали над этим. – ReptarNation