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!
Solucionado
Eu fiz de forma diferente porém funciona bem, porém se faz necessário fazer uma função a mais ou as duas formas são corretas?
const btnCancelar = document.querySelector('.app__form-footer__button--cancel');
btnCancelar.addEventListener('click', () => {
textArea.value = '';
formAdicionaTarefa.classList('hidden')
});
Bom dia!
O código tem uma boa intenção ao tentar limpar o campo e fechar o formulário, mas, ao meu ver, ele contém um erro de sintaxe do JavaScript que fará o script quebrar ao clicar no botão.
O método classList não é uma função que pode ser invocada diretamente com parênteses classList('hidden'). Ele é um objeto que possui métodos próprios para manipular classes.
O código assume que textArea e formAdicionaTarefa já foram declarados anteriormente no script. Se não foram, gerará um erro de variável não definida (ReferenceError).
Para esconder o formulário adicionando a classe, você deve usar o método .add() (ou .toggle()) a partir do classList:
const btnCancelar = document.querySelector('.app__form-footer__button--cancel');
btnCancelar.addEventListener('click', () => {
textArea.value = '';
formAdicionaTarefa.classList.add('hidden'); // Correção aqui
});
Espero ter ajudado. Se sua dúvida foi sanada, marque este tópico como solucionado.
Bons estudos!
Boa noite.
Sim, realmente faltou o "add" no classList foi um erro ao desfazer.
De qualquer forma obrigado.