- Um título na aba do navegador, para que o usuário encontre a sua aplicação no meio das várias abas que constantemente mantém abertas.
- Um cabeçalho dentro da página, para que o usuário saiba facilmente em que página se encontra e do que se trata o conteúdo.
- Um campo de texto para digitar o nome de uma nova atividade a ser adicionada à lista.
- Um botão para adicionar uma nova atividade à lista.
- Uma lista contendo as atividades já inseridas.
- Cada linha da lista deve conter: checkbox para o usuário marcar que aquela atividade já foi realizada; o texto que o usuário digitou ao cadastrar a atividade; botão para excluir a atividade da lista, caso desejado.
- Quando o usuário marcar uma tarefa como realizada, o texto daquela linha deve ser tachado (line-through).
- A lista deve ser salva no "localStorage" do navegador (incluindo quais itens já foram realizados), e deve ser carregada sempre que a página for reaberta.
- Javascript Vanilla
- Css
- Html
- Salvar a condição da tarefa estava como "checked" ou "unchecked" no localStorage.
- Recuperar essa condição no momento da carga da página.
- Deletar a tarefa de Index correto do localStorage.
- Aprendi um pouco mais sobre o localStorage.
- Apredi um pouco mais sobre o parentElement.
- Aprendi sobre classList.contains.