セルの異なる色での着色

次の論理的な段階は、私たちのセルをランダムな色で塗り分けることです。 タスクの条件によれば、色のセットは限られています。例えば3色：赤、緑、青としましょう。

考えてみると、これらの色はCSSクラスとして作成するのが便利です。 これらのクラスを私たちのテーブルのセルに適用します。 それらを作成しましょう：

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

JavaScriptコードでは、私たちのクラスを配列にまとめるのが便利です：

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

このような配列があれば、私たちのタスクを解決できます： セル作成時に、この配列からランダムに選択したCSSクラスを セルに割り当てます。

そのためには、配列をパラメータとして受け取り、 そのランダムな要素を返す補助関数を作成するのが良いでしょう。