Proyecto de Color Picker
HTML:
Tres botones con los ID cambiarFondo, cambiarLetra y cambiarForma.
Un contenedor <div> con el ID container que alberga un <p> con el ID textoMostrado.
CSS:
El contenedor #container debe tener un ancho de 300px, una altura de 150px, fondo blanco, borde sólido negro de 2px con bordes redondeados, padding interno de 20px, margen vertical de 50px y centrado horizontal.
El texto dentro de #textoMostrado debe ser de la familia Arial o una fuente sans-serif alternativa, con un tamaño de 20px.
Todos los botones deben tener un margen superior de 10px.
JavaScript:
La función cambiarFondo cambia el color de fondo del cuerpo de la página, solicita al usuario que ingrese un texto (si es válido, lo muestra y cambia la fuente del texto), y utiliza una función para generar un color hexadecimal aleatorio.
La función cambiarForma selecciona aleatoriamente una forma y ajusta el radio del borde del contenedor en consecuencia.
Se agregan event listeners a los botones para llamar a las funciones correspondientes cuando se hace clic en ellos.
Estos requisitos definen la estructura, el estilo y la funcionalidad del ejercicio. Si tienes alguna otra pregunta o necesitas más detalles, no dudes en preguntar.
HTML:
Blog creado por Andy
Comments