Игра промена боја у JavaScript-у

У овом одељку ћете уз моју помоћ имплементирати игру. Игра ће бити представљена табелом, чије ће ћелије бити обојене различитим насумичним бојама.

Нека постоји одређени скуп боја, на пример, црвена, зелена, плава. Нека сваки клик на ћелију мења њену боју у кругу. Циљ игре је да се за најмањи број кликова учини да цела табела буде једне - било које - боје.

Хајде да почнемо са имплементацијом. За почетак направимо играчко поље у виду табеле <table>:

<table id="field"></table>

Додајмо неки CSS код, који ће улепшати изглед:

#field td {
	width: 50px;
	height: 50px;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
}

Размотримо сада, како приступити имплементацији наше игре. Као што видите, овај задатак је већ довољно велики да би се лако решио одједном. Зато га треба разбити на неке фазе - подзадатке, чињеницом којих ћемо постепено решити наш главни задатак.

За почетак, најлогичнија фаза биће написати скрипт који креира ћелије табеле. Нека, на пример, величина играчког поља буде сачувана у следећим променљивим:

let rows = 3;
let cols = 3;

Копирајте себи наведене HTML и CSS кодове. Напишите код који ће креирати табелу задате величине.