JavaScript 7 - Valideren, variabelen, geldigheid

• Informatica
• WO
• Studiejaar 4,5

                      JavaScript

Fundament

Kerndomein D. Programmeren

Ontwikkelen met JavaScript (JS)

Hoofdstuk 5.7 tot en met 5.9

https://fundament-online.nl/leeromgeving/hoofdstuk.php?id=10560

Leerdoelen:

Je kunt na deze les:

• beschrijven wat valideren is
• op papier een variabele valideren
• uitleggen wat er gebeurt als je eigen functie dezelfde naam heeft als een standaard functie
• uitleggen wat er gebeurt als je eigen functie dezelfde naam heeft als een variabele in dezelfde code

Rode achtergrond betekent: klas is stil, dit zijn de leerdoelen en quizzes waarbij niet overlegd mag worden.

Doel van deze les is om het leren zichtbaar te maken voor zowel leerling als docent.

Schrijf een JS functie "optellen"
met 2 parameters die
deze optelt en teruggeeft

Valideren

Het controleren van gegevens op correctheid noemen we valideren

Voorbeelden van valideren zijn:

• is de variabele een getal? of juist een string?
• heeft de gebruiker een geldige e-mail ingevoerd?
• voldoet het gegeven aan de eisen? (bv tussen 1 en 10)

Valideren

Valideren kun je doen met diverse manieren, vaak een
if statement in combinatie met een functie of vergelijking:

• if ( a == NaN )
• if ( a > 10 && a < 20 )
• if ( !a )
• etc.

Valideren

Door een while-loop te combineren met een prompt kun je de invoer herhaaldelijk valideren:

Schrijf JS waar gebruiker
leeftijd moet ingeven.
Valideer op ouder dan 18!

Schrijf JS waar gebruiker
naam moet ingeven.
Valideer dat het geen getal is!

Code conventions?

Eerder hebben we het gehad over code conventions 

Als je een eigen functie maakt met de benaming van een standaard functie, dan wordt de standaard functie overschreven

Het gaat ook mis als je een eigen functie maakt met de benaming van een eerder gemaakte variabele!

Code conventions?

Je krijgt een foutmelding als je een eigen functie maakt met de benaming van een eerder gemaakte variabele: 

Deze code geeft dus een foutmelding:

Variabelen

Variabelen die je in meer dan één functie nodig hebt, declareer je buiten de functie. 

Je noemt die variabelen globale variabelen.

Let op, óók als je ze met let definieert zijn ze globaal!

Variabelen die je alleen binnen één functie gebruikt, declareer je daar en noem je lokale variabelen.

Variabelen

Bekijk de volgende codes:

Wat zal de console laten zien bij elke code?

Schrijf JS while loop
leeftijd van een gebruiker
Antwoord moet groter zijn dan 18

Leerdoelen:

Je kunt nu:

• beschrijven wat valideren is
  
• op papier een variabele valideren
  
• uitleggen wat er gebeurt als je eigen functie dezelfde naam heeft als een standaard functie
  
• uitleggen wat er gebeurt als je eigen functie dezelfde naam heeft als een variabele in dezelfde code

Rode achtergrond betekent: klas is stil, dit zijn de leerdoelen en quizzes waarbij niet overlegd mag worden.

Doel van deze les is om het leren zichtbaar te maken voor zowel leerling als docent.