P1 WEEK 5.1 H5S - INFORMATICA

H5 Week 5 Les 1
Project Lingo
1 / 16
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolhavoLeerjaar 4

Cette leçon contient 16 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 90 min

Éléments de cette leçon

H5 Week 5 Les 1
Project Lingo

Slide 1 - Diapositive

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 2 - Diapositive

Startklaar zitten.
Voorkennis activeren

Slide 3 - Diapositive

Cet élément n'a pas d'instructions

Welke van de volgende methoden wordt gebruikt om een event listener aan een HTML-element toe te voegen in JavaScript?
A
addElementListener()
B
addEventListener()
C
setEventListener()
D
attachListener()

Slide 4 - Quiz

Cet élément n'a pas d'instructions

Wat gebeurt er wanneer je een click event listener toevoegt aan een knop in HTML?
A
De knop wordt grijs weergegeven.
B
De knop reageert niet meer op kliks.
C
De knop voert de opgegeven functie uit wanneer erop wordt geklikt.
D
De knop wordt verborgen na de eerste klik.

Slide 5 - Quiz

Cet élément n'a pas d'instructions

Hoe kun je een event listener voor een mousemove event verwijderen?
A
deleteEventListener( 'mousemove')
B
offEventListener( 'mousemove')
C
removeEventListener( 'mousemove')
D
stopEventListener( 'mousemove')

Slide 6 - Quiz

Cet élément n'a pas d'instructions

Bij welke vraag ben je op CodeHS?

Voorbeeld antwoord: 3.7.2

Slide 7 - Question ouverte

Cet élément n'a pas d'instructions

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!

Slide 8 - Sondage

Cet élément n'a pas d'instructions

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.

Slide 9 - Diapositive

Cet élément n'a pas d'instructions

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.

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

Letters zijn ook getallen

Slide 11 - Diapositive

Cet élément n'a pas d'instructions

Letters zijn ook getallen

Slide 12 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 13 - Diapositive

Cet élément n'a pas d'instructions

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)? 

Slide 14 - Diapositive

Cet élément n'a pas d'instructions

Ga verder met CodeHS
Werk zelfstandig verder aan CodeHS.

Heb je een vraag? Steek je vinger op!


Slide 15 - Diapositive

Cet élément n'a pas d'instructions

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!


Deadlines
  • Woord Typen op 8 Oktober 2024, 23.59u.

Slide 16 - Diapositive

Cet élément n'a pas d'instructions