Consiste em criar uma "lista de tarefas" para organizar e priorizar tarefas. Tem como objetivo exercitar os conhecimento adquiridos em HTML, CSS, Javascript e lógica.
- Não é permitido o uso de Jquery ou nenhuma outra biblioteca/framework.
- O layout deve ser seguido.
📌 Diferença entre innerHTML, innerText e textContent
-
Entre no repositório da Reprograma e "forke" o repositorio da aula
-
Clone o repositório para a sua máquina
git clone [link]
-
Crie uma
branch
com o seu nomegit checkout -b "seu-nome"
-
Faça uma cópia da pasta projeto e a altere para o seu nome
├── README.md
├── projeto
├── nome-sobrenome
|
- Bora codar ;)
-
Fase 1
- Adicionar itens na lista
- Poder dar check neles
- Limpar campo de texto depois que insere o item na lista
-
Fase 2
- Validar campo de texto para não entrar itens vazios ou somente com espaços
- Poder excluir itens da lista individualmente;
-
Fase 3
- Marcar todos os itens como feito
- Limpar lista, excluir todos os itens da lista
-
Fase 4
- Ao clicar em marcar todos, mudar texto do botão para desmarcar todos
-
Desafio extra
- Quando o input está vazio ou com espaços, mostre uma mensagem de erro abaixo do input ao invés de um alert