Следите за новинками
в нашем Telegram канале. Жми, чтобы подписаться:)
⊗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