To-do list y local storage

To-do list y local storage

May 13, 2020

css

html

javascript

Todo list utilizando local storage

Links

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

coverPage

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

Autor