⊗jsPrGChCCDC 48 of 62 menu

セルの異なる色での着色

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

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

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

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

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

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

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

説明された関数を実装してください。その動作をテストしてください。

作成した関数を使用して、テーブル作成時にセルがランダムな色で 着色されるようにしてください。

日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否