1) Alternando visibilidade do formulário:
let botaoAdicionarTarefa = querySelector(".btn-add-task");
let formsAdicionarTarefa = querySelector(".form-add-task");
botaoAdicionarTarefa.addEventListener("click", () => {
formsAdicionarTarefa.classList.toggle("hidden");
});
2) Criação de uma lista de tarefas interativa:
let textarea = document.querySelector(".app__form-textarea"); // criando uma variável com a classe
let listaDeTarefas = [];
formsAdicionarTarefa.addEventListener("submit", (evento) => {
evento.preventDefault(); // "preventDefault" impede o comportamente padrão de carregamento da página
let tarefaAtualDoUsuario = {
descricaoTarefa: textarea.value, // recuperando o valor digitado pelo usuário na tarefa
};
listaDeTarefas.push(tarefaAtualDoUsuario); // utilizando o método .push para adicionar a tarefa atual do usuário na lista de tarefas
localStorage.setItem("tarefas", JSON.stringify(listaDeTarefas));
});
