셀에 다양한 색상 입히기

다음 단계는 우리 셀들에 무작위 색상을 입히는 것입니다. 문제 조건에 따라 제한된 색상 세트가 있습니다. 세 가지 색상, 빨강, 초록, 파랑으로 해보겠습니다.

생각해 보면, 이 색상들을 CSS 클래스로 만드는 것이 편리합니다. 이 클래스들을 우리 테이블의 셀에 부여할 것입니다. 클래스들을 만들어 봅시다:

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

JavaScript 코드에서는 우리 클래스들을 배열로 모아 두는 것이 편리합니다:

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

이런 배열이 있으면, 우리의 문제를 해결할 수 있습니다: 셀을 생성할 때 CSS를 부여하되, 우리 배열에서 무작위로 선택하여 부여하는 것입니다.

이를 위해 배열을 매개변수로 받아 그 무작위 요소를 반환하는 보조 함수를 만드는 것이 좋습니다.