- Track: DOM, Eventos
- Curso: Creando tu primer sitio web interactivo
- Unidad: Haciendo un sitio web interactivo
El reto consiste en replicar el newsfeed de Twitter
-
En un documento html crear un menú de navegación. En una hoja de estilo agregar un icono del cdn fa fa. Agregar estilo a la fuente del contenido.
-
Crear una división que contenga interactividad para el elemento input de tipo submit. Agregar estilo al botón con fa fa-search
-
Crear elemento
que contenga 3 columnas -
Columna 1 - Contiene el perfil del usuario y tendencias agregar estilo
-
Columna 2 - Contiene un área de texto multilínea y tarjeta que guarda texto. Especificar atributos en la hoja de estilo
Para modificar y agregar eventos usar DOM:
Si pasa los 140 caracteres, deshabilitar el botón.
Si pasa los 120 caracteres, mostrar el contador con OTRO color.
Si pasa los 130 caracteres, mostrar el contador con OTRO color.
Si pasa los 140 caracteres, mostrar el contador en negativo.
- Columna 3 - Contiene sugerencias de seguimiento y pie de página agregar estilo