From the course: Essentiële JavaScript-training

Unlock this course with a free trial

Join today to access over 23,400 courses taught by industry experts.

Geavanceerde gebeurtenislisteners en 'this'

Geavanceerde gebeurtenislisteners en 'this' - JavaScript Tutorial

From the course: Essentiële JavaScript-training

Geavanceerde gebeurtenislisteners en 'this'

- [Instructeur] Nu onze eventlistener aan het werk is, moeten we de functionaliteit een beetje uitbreiden. Om te beginnen moet de knoptekst worden bijgewerkt om weer te geven wat de knop daadwerkelijk doet. Op dit moment staat er open deksel wanneer het deksel gesloten is. En als ik erop klik, staat er ook open deksel als het deksel open is. Er moet dus echt staan sluit deksel als het deksel open is en vice versa. Ten tweede moeten we de eigenschap bijwerken voor de dekselstatus in het object zelf. Dus als dat object in een database leefde en we willen dat object teruggeven aan de database om de status te wijzigen, dan kunnen we dat doen. Dit dient als een goed voorbeeld om een belangrijk probleem te markeren bij het kiezen of u een pijlfunctie of een functiedeclaratie wilt gebruiken als de callback van de gebeurtenislistener. Laat me je laten zien wat ik bedoel. In onze gebeurtenislistener hier richten we ons op het knopelement en voegen we er vervolgens een gebeurtenislistener aan…

Contents