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

Interactive Card Elements Using JavaScript

@developer-luizcarlos

Desktop design screenshot for the Interactive card details form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Being able to transform the entire project idea, from its design to its functionality, into code completely independently was something that allowed me to see the level I am at and my growth over the past few months. I believe the key factor with which I can best evaluate all of this is the knowledge I acquired about JS and being able to solve real problems with it.

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

The challenge was to determine the logic that could be applied for the validation of each component and how the interactivity would occur, especially for the card numbers, which was resolved with a FOR loop.

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

Any feedback on any point is always welcome. I think both the CSS and JavaScript code could have some changes and simplifications. There's also the question of whether it makes sense to make the HTML a bit more semantic.

Community feedback

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