On10 - Todas em Tech

📝todo-list-reprograma

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.

Veja um exemplo

Estudos:

📌 Diferença entre innerHTML, innerText e textContent

📌 Input x Button

📌 Para revisar DOM

---

Instruções para baixar o repositório

1. Entre no repositório da Reprograma e "forke" o repositorio da aula

2. Clone o repositório para a sua máquina

   git clone [link]
   

3. Crie uma branch com o seu nome

   git checkout -b "seu-nome"
   

4. Faça uma cópia da pasta projeto e a altere para o seu nome

  ├── README.md
  ├── projeto
  ├── nome-sobrenome
  |  

4. Bora codar ;)

---

FASES

• 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

---