セルの異なる色での着色
次の論理的な段階は、私たちのセルをランダムな色で塗り分けることです。 タスクの条件によれば、色のセットは限られています。例えば3色:赤、緑、青としましょう。
考えてみると、これらの色はCSSクラスとして作成するのが便利です。 これらのクラスを私たちのテーブルのセルに適用します。 それらを作成しましょう:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
JavaScriptコードでは、私たちのクラスを配列にまとめるのが便利です:
let colors = ['red', 'green', 'blue'];
このような配列があれば、私たちのタスクを解決できます: セル作成時に、この配列からランダムに選択したCSSクラスを セルに割り当てます。
そのためには、配列をパラメータとして受け取り、 そのランダムな要素を返す補助関数を作成するのが良いでしょう。
説明された関数を実装してください。その動作をテストしてください。
作成した関数を使用して、テーブル作成時にセルがランダムな色で 着色されるようにしてください。