Как сделать случайный фон без повтора?

Помогите реализовать следующее:

Есть сетка html (grid)
<div class="grid">
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
</div>

Тут сетка

Как с помощью javascript (или jQuery) сделать каждому элементу свой background - рандомно, и чтоб не повторялось. На скрине то, что мне нужно.

5d128e336494c465221476.png
  • Вопрос задан
  • 94 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Делаете массив цветов, при назначении цвета .item'ам достаёте случайный элемент, попутно удаляя его из массива:

const colors = [ 'red', 'blue', 'magenta', 'green', 'yellow', 'aqua', 'brown', 'silver', 'lime' ];
$('.item').css('backgroundColor', () => colors.splice(Math.random() * colors.length | 0, 1)[0]);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы