Gostaria de entender se a maneira que eu fiz estaria errada pois ficou diferente da sugestão do professor mas funcionou também:

Meu código ficou assim:

//seleciona botão e coloca numa variável
const btnCancelaTarefa = document.querySelector('.app__form-footer__button--cancel')

//função para limpar e esconder textarea
btnCancelaTarefa.addEventListener('click', () => {
    textarea.value = '';
    formAdicionarTarefa.classList.toggle('hidden')
})

O professor criou uma constante e passou um arrow function para limpar e esconder o formulário e depois chamou o botão cancelar e colocou um escutador de clique que executa essa função, eu acabei fazendo tudo de uma vez só, tem alguma razão particular pra ele fazer dessa forma? Seria algo relacionado a boas práticas?

Agradeço desde já quem se dispor a me ajudar :)