Design comparison
Solution retrospective
This is the hardest project of front-end mentors I've embarked upon. It gave me so much tough time, this is probably day 4 of doing the same project and I still can't figure it out. I'm open to any solution guide to this problem. I also had to submit this project so I could view others solution(for those who has completed this challenge).
Community feedback
- @Edward-OlukotunPosted almost 2 years ago
i also found it complicated still on it
0@abdullah43577Posted almost 2 years ago@Edward-Olukotun I'm nearly done with it, I just need to figure out the way I can space out the inputted numbers into 4 chunks of text and then I'm basically done that's all
0@abdullah43577Posted almost 2 years ago@Edward-Olukotun I later figured out how to space out the inputs into 4 chunks of texts of as I'd have wanted. with just a simple code;
const formatInput = (value) => { if(!value) return value; return `${value.slice(0, 4)} ${value.slice(4, 8)} ${value.slice(8, 12)} ${value.slice(12, 16)}`; } const answer = formatInput('1234567890123456'); console.log(answer);
If you haven't figured that out, I hope that helps you. I used it alongside with the 'change' input addEventListener
0@Edward-OlukotunPosted almost 2 years ago@abdullah43577 nice , i would try fixing mine
0
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