Este es un ejemplo básico de como generar un color de forma aleatoria con javascript en "una sola linea de código."
function getColor(){
return '#' + ['1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'].sort( () => .5 - Math.random() ).slice(0,6).join('')
}¿Cómo funciona el código?
El código proporciona una manera sencilla de generar un color hexadecimal aleatorio cada vez que se llama a la función getColor.
Desglose del código
Específicamente, el código realiza los siguientes pasos:
- Define la función getColor.
- return '#' inicia la cadena de texto resultante con el símbolo #, necesario para los colores hexadecimales.
- Una lista de caracteres válidos en los colores hexadecimales (dígitos del 1 al 9 y letras de la A la F) se ordena aleatoriamente usando el método sort() con una función que resta un número aleatorio de 0.5, provocando una desordenación aleatoria.
- slice(0, 6) toma solo los primeros seis elementos de la lista desordenada.
- join('') convierte estos seis elementos en una sola cadena.
- Finalmente, la función devuelve la cadena completa que representa un color hexagonal aleatorio.