Prompt

Crea un generador de degradados con dos colores que vayan de izquierda a derecha. Hazlo en un solo archivo HTML que se abra en el navegador, sin instalar nada y sin ningún otro archivo. Incluye el CSS y el JavaScript dentro de él. No uses archivos de imagen ni ninguna dirección externa; usa emojis o letras si necesitas algún símbolo.

El degradado debe ocupar la mayor parte de la pantalla para que se pueda apreciar bien. Debajo, pon selectores de color y un control deslizante para cambiar la dirección.

Muestra el CSS del degradado en un recuadro con un botón para copiar. Eso es lo que la gente viene a buscar.

Añade un botón de «sorpréndeme» que elija colores que combinen bien en lugar de hacerlo al azar: colores cercanos en la rueda de color o bien opuestos entre sí.

Cuando termines, comprueba que el CSS copiado realmente genere lo que se ve en pantalla al pegarlo en otro sitio.