Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

FAQ accordion solution JS

teolima 50

@teolima

Desktop design screenshot for the FAQ accordion coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

Tenho orgulho em estar sempre dando um passo de cada vez. Não vi nem a ponta do iceberg, mas não tenho desistido, sempre em frente.

What challenges did you encounter, and how did you overcome them?

O maior desafio foi no JavaScript, meu primeiro contato com uma linguagem de programação. No começo, você acha que não vai conseguir. Mas resolvi essa dificuldade estudando no W3Schools e no Google, e assistindo vídeos aulas para facilitar os fundamentos básicos em JavaScript.

What specific areas of your project would you like help with?

Fique à vontade para me ajudar. Ficaria feliz em receber ajuda.

Community feedback

teolima 50

@teolima

Posted

obrigadão pelas dicas. vou colocar as dicas em pratica.

0

@R3ygoski

Posted

Ola Teolima, parabéns por ter concluído seu projeto.

Notei uma coisa que achei um pouco estranha, que é na parte de onmouseout, acredito que o que mais combinaria com a ideia do Accordion é apenas o onclick, isso é, ao clicar você fazer com que o trecho desejado abra ou feche. Isso poderia ser feito utilizando um classList.toggle(), que assim você conseguiria alterar as classes do seu elemento, daí você poderia ter uma classe com display:none; pra quando estiver fechado, e outra classe com display:block; para que fizesse aparecer o elemento. Mas em suma o que você fez não está errado.

Uma dica seria a de utilizar o querySelectorAll para selecionar todas suas div.conteudo, que assim você não precisaria de usar tantos id's o que talvez fosse ser de grande ajuda.

E novamente, parabéns pelo seu projeto, e você deve sim sentir orgulho dele, cada passo que você dá te fará chegar cada vez mais próximo da ponta do iceberg. E sempre que você sentir que não vai conseguir realizar um desafio que exige o uso de programação, eu recomendo que você destrinche ele em partes, e realize parte por parte, não pense no projeto como um todo, isso ajuda bastante. Caso algo que eu tenha dito tenha ficado confuso, por favor, responda aqui embaixo que tentarei ajudar da melhor forma possível.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord