H5 P1 Week 6

H5 Week 6 Les 1
Project Lingo
1 / 24
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolhavoLeerjaar 4

Cette leçon contient 24 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 6 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

Met welke code kan je de kleur van de achtergrond van een HTML element, opgeslagen in el, veranderen naar rood?
A
el.backgroundColor = "red"
B
el.style.background-color = "red"
C
el.style.background-color = red
D
el.style.backgroundColor = "red"

Slide 4 - Quiz

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

Ik heb een array met de naam woord. Schrijf code die alle elementen uit de array print.

Slide 5 - Question ouverte

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

Bij welke vraag ben je op CodeHS?

Voorbeeld antwoord: 6.7.2

Slide 6 - Question ouverte

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

Hoe gaat de opdracht Rode Letters?
Ik heb het gemaakt en ben blij met het resultaat
Ik ben goed onderweg, maar nog niet klaar
Ik ben begonnen, maar nog lang niet klaar
Ik wist niet wat ik moest doen
Ik ben niet begonnen want ik had geen tijd / zin.

Slide 7 - Sondage

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

Gele letters

Slide 8 - Diapositive

woord: PRAAT
gok: PAARD
Vul hier je stappenplan in

Slide 9 - Question ouverte

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

5 Rode Letters
  1. Pas de eventlistener aan dat als er een letter binnenkomt hij wordt toegevoegd aan het gegokte woord.
  2. Maak een functie controleerWoord() die wordt aangeroepen als er op ENTER wordt gedrukt.
  3. Loop van 0 naar 5 en vergelijk steeds de letters van het juiste woord en het gegokte woord: als ze gelijk zijn, kleur ze rood met element.style.backgroundColor = "red".
  4. Tel hoeveel letters er goed waren. Als ze allemaal goed waren, stop het spel (maak de knop Start Game weer zichtbaar met element.style.display = 'inline-block'

Slide 10 - Diapositive

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

6 Gele Letters
  1. Houd tijdens het controleren van de letters twee lijsten bij:
  • Een lijst met de plekken (indexes) van de letters die niet gekleurd zijn.
  • Een lijst met de letters die niet gekleurd zijn.
    Loop door de eerste lijst en check of de letter op die plek in de tweede lijst staat (dan is hij dus niet gemarkeerd). Als dat zo is, markeer de letter geel en haal hem uit de lijst met niet gekleurde letters.

2. Als de gebruiker na 5 gokken het woord nog niet geraden heeft, vertel het goede woord en stop het spel.

Slide 11 - Diapositive

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

7 Lingo Project 
1. Speel een geluid af tijdens het controleren van het woordje.  


Deze opdracht is de laatste opdracht van het Lingo Project. Zorg ervoor dat je deze op tijd inlevert en je project dan helemaal af is. Het is de laatste inlevermogelijkheid van het project. 

Slide 12 - Diapositive

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

Hoe tevreden ben je met je Lingo project op dit moment?
Ik ben heel erg tevreden
Ik ben redelijk tevreden
Ik ben niet tevreden, maar ook niet ontevreden
Ik ben redelijk ontevreden
Ik ben heel erg ontevreden

Slide 13 - Sondage

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

Waar komt het door dat je (on)tevreden bent?
Als je ontevreden bent, hoe ga je dat nog aanpassen voor de deadline?

Slide 14 - Question ouverte

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

Afsluiting
Volgende les: Gele letters!





Deadlines
  • Rode letters op 11 Oktober 2024, 23.59u.
  • Gele letters op 18 Oktober 2024, 23.59u.
  • Lingo Project op 20 Oktober 2024, 23.59u.

Slide 15 - Diapositive

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

H5 Week 6 Les 2
Project Lingo

Slide 16 - Diapositive

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 17 - Diapositive

Startklaar zitten.
Welke twee lijsten hebben we nodig om de gele letters te vinden?

Slide 18 - Question ouverte

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

Stappenplan Gele Letters
  1. Maak een lijst ONGEKLEURDE_POS met alle posities (indexes) van de ongekleurde letters.
  2. Maak een lijst ONGEKLEURDE_LET met alle letters uit het goede woord die niet zijn gekleurd.

  3. Voor elke ongekleurde positie uit ONGEKLEURDE_POS:
  4.          Kijk of de letter uit GOK op deze positie in de lijst
             ONGEKLEURDE_LETTERS zit. Als dat zo is, maak hem geel en haal hem
             uit de lijst

Slide 19 - Diapositive

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

Ronde letters
  • Hoe maken we de rode en gele letters na?

Slide 20 - Diapositive

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

Ronde letters
  • Je kan de achtergrondkleur van een blokje aanpassen met de code 



  • Om het blokje rond te maken gebruik je ook
blok.style.backgroundColor = "yellow";
blok.style.borderRadius = "100%";

Slide 21 - Diapositive

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

6 Gele Letters
  1. Houd tijdens het controleren van de letters twee lijsten bij:
  • Een lijst met de plekken (indexes) van de letters die niet gekleurd zijn.
  • Een lijst met de letters die niet gekleurd zijn.
    Loop door de eerste lijst en check of de letter op die plek in de tweede lijst staat (dan is hij dus niet gemarkeerd). Als dat zo is, markeer de letter geel en haal hem uit de lijst met niet gekleurde letters.

2. Als de gebruiker na 5 gokken het woord nog niet geraden heeft, vertel het goede woord en stop het spel.

Slide 22 - Diapositive

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

7 Lingo Project 
1. Speel een geluid af tijdens het controleren van het woordje.  


Deze opdracht is de laatste opdracht van het Lingo Project. Zorg ervoor dat je deze op tijd inlevert en je project dan helemaal af is. Het is de laatste inlevermogelijkheid van het project. 

Slide 23 - Diapositive

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

Afsluiting
Volgende les: Geluid afspelen!







Deadlines
  • Lingo Project op 20 Oktober 2024, 23.59u.

Slide 24 - Diapositive

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