Use of different object properties for same function <p>In the avatar generator I'm working on I have several button events that do the same thing but with different body parts. I don't want to have different functions doing the same thing, so I want to use one function for all body parts.</p> <p>Line 14 below uses the object propery 'AvGen.eyes.currEyesNr', but instead I want to use the one for the clicked button. What can I put in as an argument and how can I use the parameter in the function to be able to use the correct object parameter?</p> <pre><code> 1. prevBodyBtn.on('click', function(){ 2. if (AvGen.theBody.currBodyNr &gt; 0) { 3. changePart(-1); 4. } 5. }); 6. 7. prevEyesBtn.on('click', function(){ 8. if (AvGen.eyes.currEyesNr &gt; 0) { 9. changePart(-1); 10. } 11. }); 12. 13. function changePart(direction) { 14. AvGen.eyes.currEyesNr += direction; // &lt;-- this is now always 'AvGen.eyes.currEyesNr' but should be dynamic 15. 16. var body = AvGen.theBody.bodies[AvGen.theBody.currBodyNr], 17. eyes = AvGen.eyes.eyes[AvGen.eyes.currEyesNr], 18. nose = AvGen.nose.noses[AvGen.nose.currNoseNr]; 19. mouth = AvGen.mouth.mouths[AvGen.mouth.currMouthNr]; 20. 21. AvGen.addSVG(body, eyes, nose, mouth); 22. } </code></pre>