May 13, 2020
css
html
javascript
Todo list utilizando local storage
Links
- Repositorio URL : Github
- Demo URL : GitHub-Pages
General
Realizar un lista de tareas o tambien conocido como todo list, el cual almacene las tareas en el navegador de cada usuario, de esta manera haciendolos persistentes.
El reto
Los usuarios deberian poder
- Registrar distintas tareas
- Eliminar las tareas creadas
- Marcar como realizadas las tareas creadas
- Desmarcar como las tareas realizadas
- Filtrar las tareas pendientes
- Filtrar las tareas realizadas
- Borrar todas las tareas realizadas
Screenshot
Mi proceso
Construido con
- CSS
- HTML5
- javascript
Que aprendi?
En este proyecto aprendi como utilizar el local storage, y como los datos de este seran persistentes en el navegador, siempre y cuando el usuario no borre el cache.
setItem (clave, valor)
– almacenar un par clave/valor.getItem (clave)
– obtener el valor por medio de la clave.removeItem (clave)
– eliminar la clave y su valor.clear ()
– borrar todo.key
(índice) – obtener la clave de una posición dada.length
– el número de ítems almacenados.
Recursos utilies
- Javascript.info - Aqui aprendi como se utiliza el local storage
Autor
- Github - SamuelNarciso
- Instagram - Samuel_Narciso
- Twitter - SamuelNarciso28
- Youtube - SamuelNarciso