H5 P1 Les 5.1

• Informatica
• Middelbare school
• havo
• Leerjaar 4

H5 Week 5 Les 1

Project Lingo

Startklaar zitten.

STARTKLAAR!

Tellie in zakkie

Startklaar zitten.

Voorkennis activeren

Welke van de volgende methoden wordt gebruikt om een event listener aan een HTML-element toe te voegen in JavaScript?

1. addElementListener()
2. addEventListener()
3. setEventListener()
4. attachListener()

Wat gebeurt er wanneer je een click event listener toevoegt aan een knop in HTML?

1. De knop wordt grijs weergegeven.
2. De knop reageert niet meer op kliks.
3. De knop voert de opgegeven functie uit wanneer erop wordt geklikt.
4. De knop wordt verborgen na de eerste klik.

Hoe kun je een event listener voor een mousemove event verwijderen?

1. deleteEventListener( 'mousemove')
2. offEventListener( 'mousemove')
3. removeEventListener( 'mousemove')
4. stopEventListener( 'mousemove')

Bij welke vraag ben je op CodeHS?

Voorbeeld antwoord: 3.7.2

Hoe ging de opdracht Eerste Letter?

Ik heb hem ingeleverd en ben blij met het resultaat

Ik heb hem ingeleverd, maar ben niet blij met het resultaat

Ik heb hem niet ingeleverd, maar ben wel begonnen

Ik ben nog lang niet klaar.

Huh? Eerste letter? Geen idee!

Leerdoelen

1. Ik kan een combinatie van variabelen en strings gebruiken om een ID van een blokje te vinden. 
2. Ik kan het keydown-event gebruiken om de input van de gebruiker te lezen en te verwerken.

4 Woord Typen 1/4 en 2/4

• Schrijf de code hiernaast over
  in lingo.js
• Vul op de puntjes de code in
  op regel 16 zodat hij het blokje
  selecteert gebaseerd op waardes
  van rij en kolom.

• Pas regel 17 zo aan dat de goede
  letter in het blokje komt en niet
  alleen maar A.

Letters zijn ook getallen

Letters zijn ook getallen

4 Woord Typen 3/4 en 4/4

• Als je nog niet klaar was met de opdrachten van net, maak die eerst af.

Woord Typen 3/4

•  Zorg ervoor dat alleen letters op het bord worden geplaatst. Als de gebruiker een toets indrukte die geen letter is, doe dan niks.

Woord Typen 4/4

• Gebruik bij kleine letters .toUpperCase()
   om van kleine letters grote letters te
  maken.

Klaar? Verder met CodeHS

Start Game

• Maak een globale variabele GAME_STARTED die begint met waarde false.
• Als de gebruiker op Start Game drukt, moet die waarde naar true gaan.
• Zodra de gebruiker na de vijfde rij op ENTER drukt, moet hij naar false gaan.
• Als GAME_STARTED == false, luister dan niet naar toetseninput*.

*Wat weet je nog van return; (return zonder waarde)? 

Ga verder met CodeHS

Werk zelfstandig verder aan CodeHS.

Heb je een vraag? Steek je vinger op!

Afsluiting

Samenvatting

• ID gebaseerd op rij en kolom
• Letter zit in ev.key.
• Letters zijn cijfers en je kan ze vergelijken

Volgende les: Controleren kan je leren!