Как заполнить таблицу рандомными цветами в цикле??

[s4meone]

Приветствую, не могли бы подсказать, как можно заполнить таблицу рандомными цветами?

<table>
		<tbody>
			<tr>
				<td id="1"></td>
				<td id="2"></td>
				<td id="3"></td>
			</tr>
			<tr>
				<td id="4"></td>
				<td id="5"></td>
				<td id="6"></td>
			</tr>
			<tr>
				<td id="7"></td>
				<td id="8"></td>
				<td id="9"></td>
			</tr>
		</tbody>
	</table>

есть такой скрипт:

const colors = ['red','blue','green', 'yellow'];
	var i=1;
	while (i!=9) {
		var tdid = document.getElementById(i);
		var randcolor = arr[Math.floor(Math.random()*arr.length)];
		tdid.style.background = randcolor;
		i++;
	}

Но ничего не работает ;c

[Aetae]

Откройте консоль(f12) и смотрите, что вам пишут. Что такое "arr"? Нет такого массива.

P.S. Id не должны начинаться с цифры по спеке, но это тут не критично.

[Pavel M.]

s4meone,
немного поправил ваш код, посмотрите
https://jsfiddle.net/pwofvz1n/