Drag en drop

  1. Zet vormen op de stage zoals hierboven
  2. Maak de vormen links versleepbaar
  3. Check of de vorm die worden versleept op dezelfde vorm rechts worden losgelaten
  4. Als dit zo is verdwijnen beide vormen met een animatie
  5. Als dit niet zo is animeert de versleepte vorm weer naar de plek waar hij eerst stond

 

eventListener

Je moet hiervoor luisteren naar een gebeurtenis. (zie functies) Welke gebeurtenis?

Het is niet nodig om eerst een knop te maken. Je kunt ook luisteren naar vormen.

Kijk of je de luisteraar kan koppelen aan de stage zoals in de les over code overzichtelijk maken

 

Kijken welke vorm het is

Elke vorm is een object.

Daar kun je extra eigenschappen aan toevoegen (zie les over animeren)

Als je aan twee vormen dezelfde eigenschap meegeeft hoef je in je if-else-statement alleen maar te controleren of deze eigenschap hetzelfde is.

 

Extra opdracht

Zorg ervoor dat de vormen bij het laden van de pagina van boven naar beneden elke keer in een andere volgorde staan.

 

Hiervoor werk je met arrays.

See the Pen lege zim by Frank Los (@franklosdus) on CodePen.

Meer bekijken

Weer een blog van Frank Los

Ik deel graag mijn visie en projecten.
Dit soort berichten maandelijks in je mail?
Meld je dan hier aan.

illustratie kadootje

Ik geef gelijk ook een e-book cadeau met tips over goede uitleg!

Delen is fijn!

Wil je zelf uitblinken met visuele communicatie?

Bekijk dan mijn aanpak.

Wellicht wil je meer weten over mij.

illustratie van Frank Los
Frank Los
frank@weereenlos.nl06 430 466 58

TUSSEN DE OREN

uitleg die aankomt

Goede uitleg
is ontzettend lastig.

Deze tips helpen jou
keer op keer.
Download mijn gratis e-book
met poster!
illustratie van Frank Los
CookiesDisclaimerPrivacystatement