Aplicación Web de lista de tareas simple con Javscript y localStorge
| Autor: | HamzaAzeem |
|---|---|
| Views Total: | 3,720 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 30, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
Crea una aplicación de lista de tareas minimalista en tu página web usando JavaScript Pure Vanilla. Utiliza la API HTML5 localStorge para agregar su lista de tareas pendientes al historial de su navegador.
Funcionamiento
Cargue la hoja de estilos y JavaScript necesarios en la Página Web.
<link rel="stylesheet" href="css/style.css"> <script src="js/todo.js"></script>
Cree la estructura HTML para la aplicación Web de lista de tareas.
<div id="container"> <div id="header"> <h1>Todo List</h1> </div> <div id="inputContainer"> <input id="taskInput" type="text" placeholder="Add a task" maxlength="50" /> </div> <div id="listWrapper"> <ul id="taskList"> </ul> </div> <div id="deleteBtnWrapper" > <button id="deleteCompletedBtn" onclick="deleteCompleted()">Delete Completed</button> <button id="clearTasksBtn" onclick="deleteAll()">Clear</button> </div> </div>
Hecho. Escriba algo dentro de la entrada archivada y presione la tecla ' Enter ' para agregar una tarea de tareas pendientes.
