Prompt

Crea un generador de mosaicos de emojis con una cuadrícula de 12 por 12 para pintar con cuadrados de colores. Hazlo en un único archivo HTML que se abra en el navegador, sin necesidad de instalar nada y sin ningún otro archivo. Incluye el CSS y el JavaScript dentro del propio archivo. No utilices archivos de imagen ni ningún enlace externo; usa emojis o letras si necesitas algún símbolo.

Elige un emoji de la paleta y haz clic o arrastra sobre la cuadrícula para colocarlo. El clic derecho borra una casilla.

La clave es que el resultado sea texto: añade un botón para copiar toda la cuadrícula como líneas de emojis, lista para pegar en un mensaje. Muestra cómo se ve ese texto en un cuadro debajo.

Incluye en el código alrededor de una docena de patrones iniciales —un corazón, una carita sonriente, una flor sencilla— que rellenen la cuadrícula al seleccionarlos, para que haya algo que modificar en lugar de un cuadrado vacío.

Cuando termines, copia el resultado y comprueba que las líneas sigan alineadas al pegarlo en algún sitio con una fuente diferente.