Html, Css, Javascript List Technical Proof
Se requiere maquetar (html y estilos) y desarrollar (javascript) una
aplicación para gestionar una lista de cadenas de texto.
Puedes encontrar el diseño en el fichero:
list.jpg
La aplicación debe tener una interfaz de usuario que cuente, al menos,
con los siguientes elementos:
● Un contenedor donde se irán añadiendo o borrando cadenas de
texto.
● Una caja de entrada de texto, donde el usuario pueda escribir los
textos que desee añadir a la lista.
● Un botón para agregar nuevas entradas.
● Un botón para eliminar de la lista.
La aplicación debe:
● Añadir entradas de texto, permitir al usuario escribir y añadir la
entrada de texto, a un listado. No se pueden añadir entradas
vacías.
● Eliminar un elemento de la lista (los ítems de la lista deben ser
seleccionables por el usuario). No se pueden eliminar elementos
de la lista sin haber seleccionado uno o varios de los elementos de
la lista. No se requiere poder seleccionar múltiples items para
poder borrarlos a la vez, pero se tendrá en cuenta. Es deseable,
pero no requerido, que el usuario pueda eliminar elementos de la
lista haciendo doble click sobre el ítem que se desea eliminar.
● Es deseable, pero no requerido, permitir al usuario deshacer, como
mínimo, el último cambio realizado. Para ello se deberá incluir un
botón de deshacer.
Es deseable realizar una prueba en Vanilla JS y otra utilizando React. Si
se encuentran dificultades para realizar el desarrollo en Vanilla JS, se
puede entregar solo la prueba con React.