Skip to content

📝 Repositório destinado a um projeto de Lista de Tarefas do curso Front-end da Ada Tech

Notifications You must be signed in to change notification settings

day-mariano/PROJETO_ADA_TODOLIST

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

To-Do List App

Este é um aplicativo de lista de tarefas desenvolvido em JavaScript. Ele permite adicionar, remover, editar, pesquisar e marcar tarefas como concluídas. Abaixo estão as principais funcionalidades e uma breve descrição do código.

Funcionalidades

Adicionar Tarefa: Ao preencher o campo de nova tarefa e clicar no botão "Adicionar", a tarefa é adicionada à lista.

Remover Tarefa: Ao clicar no botão "Apagar", a tarefa correspondente é removida da lista.

Editar Tarefa: Ao clicar no botão "Editar", é solicitada uma nova descrição para a tarefa. A tarefa é então atualizada com a nova descrição.

Pesquisar Tarefa: Ao inserir um ID de tarefa na caixa de pesquisa e clicar em "Pesquisar", a tarefa correspondente é exibida na lista.

Alterar Status: Ao marcar/desmarcar a caixa de seleção ao lado de uma tarefa, o status da tarefa é alternado entre "pendente" e "concluído". O texto da tarefa é estilizado de acordo.

Mostrar Todas as Tarefas: Ao clicar no botão "Mostrar Todas", todas as tarefas na lista são exibidas.

Estrutura do Código

O código consiste em uma lista de tarefas, funções para adicionar, remover, editar, pesquisar, mudar o status e exibir todas as tarefas. As tarefas são representadas como objetos JavaScript, armazenando informações como ID, nome e status. A interface é atualizada dinamicamente em resposta às interações do usuário.

Funções Principais

adicionarTarefa(): Adiciona uma nova tarefa à lista.

removerTarefa(id): Remove uma tarefa com o ID especificado.

editarTarefa(id): Permite a edição da descrição de uma tarefa existente.

buscarTarefa(id): Exibe uma tarefa específica com base no ID fornecido.

mudarStatus(id): Altera o status de uma tarefa entre "pendente" e "concluído".

mostrarTodasAsTarefas(): Exibe todas as tarefas na lista.

Estrutura HTML

A estrutura HTML inclui uma lista ul onde cada tarefa é representada como um elemento li. Cada tarefa contém uma checkbox, a descrição da tarefa e botões para editar e apagar.

Estilização

O estilo básico é fornecido através de classes CSS para aprimorar a apresentação da lista de tarefas.

About

📝 Repositório destinado a um projeto de Lista de Tarefas do curso Front-end da Ada Tech

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 57.8%
  • CSS 28.9%
  • HTML 13.3%