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

Question

[Александр Осадчий]

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

Есть сетка 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 - рандомно, и чтоб не повторялось. На скрине то, что мне нужно.

Answer 1

[0xD34F]

const colors = [
  'red', 'blue', 'magenta', 'green', 'yellow',
  'aqua', 'brown', 'silver', 'lime'
];

for (let i = colors.length; --i > 0;) {
  const j = Math.random() * (i + 1) | 0;
  [ colors[i], colors[j] ] = [ colors[j], colors[i] ];
}

document.querySelectorAll('.item').forEach((n, i) => {
  n.style.backgroundColor = colors[i];
});