Skip to content

Latest commit

 

History

History
49 lines (22 loc) · 2.37 KB

README.md

File metadata and controls

49 lines (22 loc) · 2.37 KB

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.