Este projeto consiste em uma aplicação web que permite ao usuário criar e gerenciar uma lista de tarefas (to do list). O usuário pode adicionar novas tarefas, marcar as tarefas concluídas, remover tarefas individuais ou todas as tarefas da lista.
- Adicionar uma nova tarefa à lista
- Marcar uma tarefa como concluída
- Remover uma tarefa específica da lista
- Remover todas as tarefas da lista
- Remover todas as tarefas concluídas da lista
- HTML
- CSS
- JavaScript -DOM manipulation
Para instalar e executar este projeto localmente, siga os seguintes passos:
- Clone este repositório
git clone git@github.com:brenolg/To-Do-List-HTML-JS.git- Depois de clonar, entre na pasta do projeto e instale as dependências:
npm install- Abra o arquivo
index.htmlem um navegador de sua preferência.
- Adicione um input onde a pessoa usuária poderá digitar o nome do item que deseja adicionar à lista
- Adicione uma lista ordenada de tarefas
- Adicione um botão e, ao clicar nesse botão, um novo item deverá ser criado ao final da lista e o texto do input deve ser limpo
- Adicione três novas tarefas e ordene todas as tarefas da lista por ordem de criação
- Permita que um item da lista ao ser clicado tenha sua cor de fundo alterada para cinza
- Não permita que seja possível selecionar mais de um elemento da lista ao mesmo tempo
- Ao clicar duas vezes em um item, faça com que ele seja riscado, indicando que foi completado. Deve ser possível desfazer essa ação clicando novamente duas vezes no item
- Adicione um botão que quando clicado deve apagar todos os itens da lista
- Adicione um botão que quando clicado remove somente os elementos finalizados da sua lista
Agradeço à Trybe por proporcionar esta oportunidade de aprendizado e desenvolvimento de habilidades. Agradeço também aos meus colegas de turma pela colaboração e apoio durante o projeto.