Tô màu các ô bằng các màu sắc khác nhau

Bước hợp lý tiếp theo sẽ là tô màu các ô của chúng ta bằng các màu ngẫu nhiên. Theo điều kiện của bài toán, chúng ta có một tập hợp màu sắc giới hạn, giả sử ba màu: đỏ, xanh lá cây, xanh dương.

Nếu suy nghĩ kỹ, thì những màu này sẽ thuận tiện khi tạo thành các lớp CSS. Chúng ta sẽ cung cấp các lớp này cho các ô của bảng. Hãy tạo chúng:

.red {
	background: red;
}
.green {
	background: green;
}
.blue {
	background: blue;
}

Trong mã JavaScript, sẽ thuận tiện để thu thập các lớp của chúng ta vào một mảng:

let colors = ['red', 'green', 'blue'];

Có một mảng như vậy, chúng ta có thể giải quyết nhiệm vụ của mình: tại thời điểm tạo ô, chúng ta sẽ gán cho nó một lớp CSS, được chọn ngẫu nhiên từ mảng của chúng ta.

Để làm điều này, tốt hơn là tạo một hàm trợ giúp nào đó, hàm này sẽ nhận mảng làm tham số và trả về phần tử ngẫu nhiên của nó.

Hãy triển khai hàm đã mô tả. Kiểm tra hoạt động của nó.

Sử dụng hàm bạn đã tạo, hãy làm sao cho các ô khi tạo bảng được tô màu bằng các màu ngẫu nhiên.