
Design comparison
Solution retrospective
This time was challenging. It might sound funny or crazy, but I finally learned how to design and write HTML code in a way that avoids problems when writing CSS. However, I faced many issues with CSS, and I encountered even more problems while writing JavaScript. I'll focus on these issues in my future projects. Additionally, I noticed readability issues in both the CSS and JS files. Moreover, most of the technical problems appeared in the main.js file. I should have designed and organized my program better.
What challenges did you encounter, and how did you overcome them?Planning the JavaScript program. I had to change it repeatedly. I should have planned it better from the start. One reason for this is that I kept coming up with new ideas to include in the code, which I hadn't thought of at the beginning.
What specific areas of your project would you like help with?Firstly, I couldn't make the deletion of 'input.Password' toggle the '.CheckBox' and change the 'input[type="range"]'. Secondly, I couldn't remove the button next to 'input.Password' that appears when I mouse over. Lastly, the visual aspect of the 'GenerationButton' is not working properly.
Community feedback
- P@jdillard2532Posted 3 months ago
Overall, you did a great job. A couple of things I noticed was the hover effect is missing over your slider, copy sign, and generate button. I think your code works against each other since it's generating a code while also allowing you to create your own. If this is the case, I would have a radio button for the user to select whether to generate a random code or create their own. This way you can separate the logic. You are on the right track. Keep It Up!
Marked as helpful1
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