⊗jsPrGChCCDC 48 of 62 menu

Colorear celdas en diferentes colores

La siguiente etapa lógica será pintar nuestras celdas en colores aleatorios. Según la condición del problema tenemos un conjunto limitado de colores, digamos tres: rojo, verde, azul.

Si lo pensamos, es conveniente hacer estos colores como clases CSS. Estas clases las asignaremos a las celdas de nuestra tabla. Vamos a crearlas:

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

En el código JavaScript es conveniente recopilar nuestras clases en un array:

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

Teniendo tal array, podemos resolver nuestra tarea: en el momento de crear la celda le asignaremos un CSS, eligiéndolo aleatoriamente de nuestro array.

Para esto es mejor hacer una función auxiliar que reciba como parámetro un array y devuelva su elemento aleatorio.

Implemente la función descrita. Pruebe su funcionamiento.

Utilizando la función que creó, haga que las celdas se coloreen en colores aleatorios al crear la tabla.

Español
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Usamos cookies para el funcionamiento del sitio, análisis y personalización. El procesamiento de datos se realiza de acuerdo con la Política de privacidad.
aceptar todas configurar rechazar