Skip to content

Latest commit

 

History

History
49 lines (37 loc) · 1.83 KB

README.md

File metadata and controls

49 lines (37 loc) · 1.83 KB

Ilist - lista de tarefas

Ilist é uma lista de tarefas desenvolvida para fins educacionais, pondo em pratica os aprendizados de javascript manipulação da DOM, que aprendi em cursos da Alura

Funções da lista de tarefas

  • Criar item de lista
  • Concluir item de lista
  • Deletar item de lista

Criar item de lista

Através da função do JavaScript .querySelector tenho acesso a o input e o botão, adiciono um ouvidor de eventos .addEventListener no botão para capiturar o valor do input e criar os itens de lista

Concluir item de lista

Todo item de lista é criado com dois botões, um para concluir a tarefa e outro para detelar. Com um ouvidor de eventos adcionado ao botão de concluir é possivel adicionar uma classe para criar um efeito de riscar o item de lista, utilizei a função .classlist.toggle() para criar esse efeito.

Deletar item de lista

Da mesma forma como o botão concluir, o botão deleta tem acesso ao seu pai(.parentElement) e com a função .remove() ele remove seu parente acima, no caso a 'li'.

Conclusão

Desenvolvi essa aplicação simples para treinar manipulaçâo da DOM em javaScript, me diverti bastante construindo os códigos .js aqui presentes e ficaria muito grato por feedbacks sobre esse projeto.

Me siga em minhas redes sociais