Design comparison
Solution retrospective
The most difficult I would say was trying to figure out how I wanted to implement the drop-down function, I started out with a select element but then thought went a different route and created a ul element with an event listener. There are still some bugs I need to work out, for example, if I submit with a blank input it triggers the err and if I then enter a word that doesn't exist it will trigger the next error but if I then enter a word that does exist it won't get pulled from the API...if anyone can understand why this is happening and point me in the right direction it would be much appreciated. All in all, I'm overall happy with the results. I also need to figure out how to manipulate the SVGs to style the colors on hover. But I wanted to practice the JS and I got to do that with the different array methods and DOM manipulation so it was a fun project and I learned a lot.
Community feedback
- @matiasluduena23Posted 12 months ago
Hi Biljana Kotevska’s! Nice work!
- My first impresion is that you can switch between theme with less Javascript code. This video might help you.
I don't have time now, but tomorrow I will try to check more in deep you code to find the bug that you point up.
Good code!
Matias!
Marked as helpful0@BiljanaKotevPosted 12 months agoThx @matiasluduena23 I have also started to refactor the code and added some functions to make it a bit cleaner and less spaghetti code 😉. I’ll watch the video tmr!
0@BiljanaKotevPosted 12 months agoI figured out all the bugs and will sit down and watch the CSS video now, thanks again for your reply! @matiasluduena23
1@matiasluduena23Posted 12 months ago@BiljanaKotev Great! I haven't done this challenge yet, but looks a little tricky! Let me know if you need help! Since you need to much Javascript code, maybe is easy to debug if you use modular programming. this video might help you.
Good code!
Matias
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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