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!
Olá, eu não fiz da forma que a professora Nayanne fez consegui fazer sozinho porém de forma diferente.
No main fiz o seguinte:
import ui from "./ui.js";
import api from "./api.js";
const btnCancelar = document.getElementById("botao-cancelar");
// demais códigos
//Código do cancelarCancelar
btnCancelar.addEventListener("click", () => {
document.getElementById("pensamento-form").reset();
})
Minha dúvida é se dessa forma implica em algum problema no desenvolvimento do app?
Olá, Fernando, como vai?
Chegar a uma solução funcional por caminhos próprios é um excelente exercício de lógica e demonstra que você está assimilando bem a manipulação do DOM com JavaScript. Escrever o código direto no arquivo principal cumpre o objetivo imediato de resetar os campos do formulário quando o botão de cancelar é acionado.
No entanto, centralizar a lógica diretamente no arquivo principal acaba misturando responsabilidades que deveriam ser tratadas de forma isolada. A proposta de separar as funções no arquivo de interface é manter o código organizado e facilitar a manutenção futura, garantindo que o arquivo principal cuide apenas dos ouvintes de eventos e da inicialização.
O que você acha de testar a importação dessa lógica de limpeza para dentro do objeto responsável pela interface para observar como a organização do código se comporta na prática?
O fórum está à disposição para qualquer outra dúvida que surgir nos seus estudos.
Para saber mais:
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
Certo, entendi.
Obrigado pela orientação. vou fazer essa mudança no código.
Obrigado!