Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

Adicionando lista de tarefas

Olá segue meu projeto.

// Encontrar o botão adicionar tarefa

const BtnAdicionarTarefa = document.querySelector('.app__button--add-task');
const formAdicionarTarefa = document.querySelector('.app__form-add-task');
const textArea = document.querySelector('.app__form-textarea');

const tarefas = []

BtnAdicionarTarefa.addEventListener('click', () => {
    formAdicionarTarefa.classList.toggle('hidden')
})
formAdicionarTarefa.addEventListener('submit', (evento) => {
    evento.preventDefault();
    const tarefa = {
        descricao: textArea.value
    }
    tarefas.push(tarefa)
    localStorage.setItem('tarefas', JSON.stringify(tarefas))
})
1 resposta

Oi, Stephanie. Tudo bem com você?

Obrigado por compartilhar seu projeto. Seu código atende aos principais objetivos da atividade: você selecionou corretamente os elementos da interface com querySelector, utilizou o classList.toggle() para controlar a exibição do formulário, impediu o comportamento padrão do formulário com preventDefault() e armazenou as tarefas no localStorage utilizando JSON.stringify(). Essas escolhas demonstram que você aplicou os conceitos apresentados no capítulo de forma adequada.

Parabéns pela resolução e por compartilhar seu código. Continue praticando e participando do fórum. Ele está à disposição para acompanhar sua evolução.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!