Credit Card Checker

17/04/21

After completing the Credit Card Checker Project on CodeCademy, I decided to adapt it and try and display it on my site in a new page entry. This next project is another milestone in my JavaScript learning. As you can tell, I haven't devoted any extra learning to HTML/CSS since my Times Tables quiz (other than learning how to incorporate FontAwesome icons into HTML which is really neat). I will list out below all of the major learning points that have got me to this next step.

Click on the GitHub logo here to view my JS code in Github or see below in CodePen

Credit Card Checker

This simple credit card number checker will validate the number you enter and return the credit card company that corresponds with the number. It does this by matching the first digit of the card number with the company. (For simplicity there are only 4 types of cards: Amex (starts with 3), Visa (starts with 4), MasterCard (starts with 5), Discover (starts with 6). The validating part of the code uses the Luhn Algorithm.

Here are some valid credit card numbers that DO NOT work but are drawn from the random generator on the FreeFormatter website If you copy and paste one of them in, they should return VALID

• 349440773083900
• 4485154259599521
• 5325961422067124
• 6011941790840594252

New Learning Points

• Community. I made my first code post in the CodeCademy forums on 31.03.21 I have now started looking at other people's code and I have solved a problem for someone else. I have also started to post to ask for feedback and direct messsaged for help on how others have worked something else (only after I have exhausted my google searching and gone away and come back at least once!)
• I'm really proud of this piece of work. It incorporates a significant amount of learning I have gained. I haven't used anything here that I don't have a good understanding of which gives it a much greater sense of ownership and achievement. Here is a list of the skills I have learnt, understood and demonstrated in this project:
  • Use of higher order iterator functions e.g. .split() and .reduce()
  • Use of parseInt to convert a string to an integer
  • Use of the for (let...) iterator function with an object
  • Nesting a conditional ternary operator function within another one (I spotted this genius in someone else's code and magpied it)
  • An improved fluency in making the code more succinct and neat