Uppgift 3 - Datavalidering med JavaScript

Uppgiften här var att, med JavaScript, validera ett inmatat Visakortsnummer, efter följande villkor:

• Kortnumret skulle börja på siffran 4. Jag har med charAt()-metoden hämtat inmatningens första karaktär och med en if-sats kontrollerat att denna är 4.
• Antalet siffror skulle vara mellan 13-16. För att göra detta har skapat en variabel där jag kollar inmatningens längd med .length och en if-sats som är "true" ifall variabeln är större än eller lika med 13 respektive mindre än eller lika med 16.
• Numret fick inte innehålla annat än siffror. En if-sats, som med hjälp av en isNaN()-funktion blir "false" ifall inmatningen is not a number, har sett till detta.
• Inmatningen skulle klara LUHN-formeln, vilket är en algoritm som ofta används i samband med kreditkort. En for-loop loopar igenom inmatningen enligt formeln och en kontroll utförs.

Om det inmatade Visakortsnumret stred emot ovanstående villkor skulle meddelandeboxar visas för användaren, med feedback på att och vad hen inmatat felaktigt. Ifall inmatningen var giltig, fick hen såklart ett meddelande som delgav det.

Jag hade hjälp från en tidigare uppgift i introduktionskursen till programmering; jag kunde kopiera HTML-koden och använda som bas, men justera för att fungera med denna uppgift. Jag gjorde W3Schools JavaScript-tutorial innan uppgiften och hade även stor nytta av W3Schools under tiden jag löste uppgiften.

Slutligen stilsatte jag HTML-sidan med CSS genom att copy-pastea CSS-koden för uppgift 2 och korrigera här och där.

Såhär såg min lösning ut: