Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Hi here is my solution for Interactive-Card-details-form. I used HTML, CSS, JS.
What challenges did you encounter, and how did you overcome them?I used a forEach
loop to go through all the input and validate the form :
Array.from(myForm).forEach( (item, index) => {
if(!item.validity.valid){
}
And to display in real time modification with the input
card number
document.querySelector('.card-member').innerText = `${array.splice(0, 4).join('')} ${array.splice(0, 4).join('')} ${array.splice(0, 4).join('')} ${array.splice(0, 4).join('')}`;
What specific areas of your project would you like help with?
Feel free to leave any comments.
Thanks.
Community feedback
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