Boa noite, acredito que a lógica utilizada no js esteja ok, porém dei uma olhada no html e no css e não consegui encontrar o erro e o pq de não estar abrindo o formulário https://github.com/EduFlu/fokus-alura
Boa noite, acredito que a lógica utilizada no js esteja ok, porém dei uma olhada no html e no css e não consegui encontrar o erro e o pq de não estar abrindo o formulário https://github.com/EduFlu/fokus-alura
Boa noite,
Parece que você esqueceu de adicionar um ponto ao selecionar os elementos no arquivo script-crud.js
. Quando você escreveu:
const btnb = document.querySelector('app__form-add-task'); // Incorreto
const btnb = document.querySelector('.app__form-add-task'); // Correto
O método querySelector não conseguiu encontrar o elemento porque estava procurando por uma tag chamada app__form-add-task
, não por uma classe CSS.
Ao adicionar o ponto antes do seletor de classe, o Javascript conseguirá localizar o elemento corretamente e realizar o toggle da classe hidden
, escondendo ou mostrando o formulário conforme necessário. Espero que isso resolva o problema! ;)
Obrigado, mestre!