Игра смяна на цветовете с JavaScript

В този раздел вие с моята помощ ще реализирате игра. Играта ще бъде таблица, чиито клетки са оцветени в различни случайни цветове.

Нека има определен набор от цветове, например, червен, зелен, син. Нека всяко кликане върху клетка променя цвета й в кръг. Целта на играта - за най-малко количество кликвания да направите таблицата в един - който и да е - цвят.

Да започнем реализацията. За начало нека направим игровото поле под формата на таблица <table>:

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

Нека добавим малко CSS код, който придава красота:

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

Нека сега обсъдим как да подходим към реализацията на нашата игра. Както виждате, тази задача вече е достатъчно голяма, за да бъде решена веднага. Затова тя трябва да бъде разделена на няколко етапа - подзадачи, изпълнявайки които постепенно ще решим нашата основна задача.

За начало най-логичният етап ще бъде да напишем скрипт, който създава клетките на таблицата. Нека, например, размерът на игровото поле се съхранява в следните променливи:

javascriptlet rows = 3;
let cols = 3;