H5 P1 Week 6

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

This lesson contains 24 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 90 min

Items in this lesson

H5 Week 6 Les 1
Project Lingo

Slide 1 - Slide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 2 - Slide

Startklaar zitten.
Voorkennis activeren

Slide 3 - Slide

This item has no 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

This item has no instructions

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

Slide 5 - Open question

This item has no instructions

Bij welke vraag ben je op CodeHS?

Voorbeeld antwoord: 6.7.2

Slide 6 - Open question

This item has no 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 - Poll

This item has no instructions

Gele letters

Slide 8 - Slide

woord: PRAAT
gok: PAARD
Vul hier je stappenplan in

Slide 9 - Open question

This item has no 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 - Slide

This item has no 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 - Slide

This item has no 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 - Slide

This item has no 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 - Poll

This item has no 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 - Open question

This item has no 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 - Slide

This item has no instructions

H5 Week 6 Les 2
Project Lingo

Slide 16 - Slide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 17 - Slide

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

Slide 18 - Open question

This item has no 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 - Slide

This item has no instructions

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

Slide 20 - Slide

This item has no 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 - Slide

This item has no 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 - Slide

This item has no 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 - Slide

This item has no instructions

Afsluiting
Volgende les: Geluid afspelen!







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

Slide 24 - Slide

This item has no instructions