⊗jsPrGChCCDC 48 of 62 menu

Colorindo células em cores diferentes

A próxima etapa lógica será colorir nossas células com cores aleatórias. De acordo com a condição do problema, temos um conjunto limitado de cores, digamos três: vermelho, verde, azul.

Se pensarmos bem, é conveniente fazer essas cores como classes CSS. Daremos essas classes às células da nossa tabela. Vamos criá-las:

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

No código JavaScript, é conveniente coletar nossas classes em um array:

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

Tendo tal array, podemos resolver nossa tarefa: no momento de criar a célula, atribuiremos a ela uma classe CSS, escolhendo-a aleatoriamente do nosso array.

Para isso, é melhor fazer uma função auxiliar que receba um array como parâmetro e retorne seu elemento aleatório.

Implemente a função descrita. Teste seu funcionamento.

Usando a função criada por você, faça com que as células sejam coloridas com cores aleatórias ao criar a tabela.

Português
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Nós usamos cookies para o funcionamento do site, análises e personalização. O processamento de dados é realizado de acordo com a Política de Privacidade.
aceitar todas configurar rejeitar