ColorChanger es una sencilla aplicación web diseñada para modificar el color de fondo de la página y mostrar el código de color (HEX o RGB) generado. La aplicación utiliza JavaScript para generar un nuevo color aleatorio y manipular el DOM en tiempo real cada vez que el usuario hace clic en un botón.
| Tecnología | Propósito |
|---|---|
| HTML | Estructura de la página y el botón principal. |
| CSS | Estilizado base y diseño general. |
| JavaScript | Lógica central para la generación de colores y manipulación del DOM. |
| Bootstrap | Componentes y utilidades para un diseño rápido y responsive. |
- Manipulación del DOM: Modifica directamente el estilo del cuerpo (
<body>) para cambiar el color de fondo y actualiza el contenido de un elemento de texto para mostrar el nuevo código de color. - Generación Aleatoria: Implementa lógica en JavaScript para generar valores de color (probablemente en formato HEX o RGB) de manera completamente aleatoria.
- Interactividad con Event Listeners: Utiliza un Event Listener para escuchar el evento
clicken el botón y ejecutar la función de cambio de color. - Diseño Interactivo: Interfaz simple y visualmente atractiva utilizando componentes de Bootstrap.
No se requiere instalación de librerías. Sigue estos pasos para ver el proyecto en acción:
- Clonar el Repositorio:
git clone https://github.com/jorgenavarro13/color-changer.git git cd color-changer - Abrir el Archivo:
Navega al directorio clonado y abre el archivo
index.htmlen tu navegador. - Interactuar: Haz clic repetidamente en el botón principal para ver cómo el fondo y el texto cambian dinámicamente.
Si tienes alguna sugerencia o mejora, no dudes en abrir un issue o enviar un Pull Request (PR).
Este proyecto está bajo la Licencia MIT.