H5 P1 Week 6

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

In deze les zitten 24 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 90 min

Onderdelen in deze les

H5 Week 6 Les 1
Project Lingo

Slide 1 - Tekstslide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 2 - Tekstslide

Startklaar zitten.
Voorkennis activeren

Slide 3 - Tekstslide

Deze slide heeft geen instructies

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 - Quizvraag

Deze slide heeft geen instructies

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

Slide 5 - Open vraag

Deze slide heeft geen instructies

Bij welke vraag ben je op CodeHS?

Voorbeeld antwoord: 6.7.2

Slide 6 - Open vraag

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

Gele letters

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Vul hier je stappenplan in

Slide 9 - Open vraag

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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 vraag

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

H5 Week 6 Les 2
Project Lingo

Slide 16 - Tekstslide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 17 - Tekstslide

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

Slide 18 - Open vraag

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 20 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

Afsluiting
Volgende les: Geluid afspelen!







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

Slide 24 - Tekstslide

Deze slide heeft geen instructies