How to avoid repeating code?

[TomW 0 Likes (Newbie)]

I'm using  Greensock in Edge Animate. I'm finding myself repeating code blocks to much.  (newbie coder)  Example is below.  Both blocks are identical except for the element names. Does anyone know the technique for dynamically building code blocks and incrementing the element names  (item2 -> item2 -> item3 -> ........)?

 

Draggable.create(sym.$("item1"), { 

onDragEnd:function(e) {

if (this.hitTest(sym.$("bucket_yellow"))) {

sym.additemyellow("item1")

 } else if (this.hitTest(sym.$("bucket_gray"))) {

sym.additemgray("item1")

 } else if (this.hitTest(sym.$("bucket_green"))) {

sym.additemgreen("item1")

 } 

sym.getComposition().getStage().showitem("item2")

}

});

 

 

Draggable.create(sym.$("item2"), { 

onDragEnd:function(e) {

if (this.hitTest(sym.$("bucket_yellow"))) {

sym.additemyellow("item2")

 } else if (this.hitTest(sym.$("bucket_gray"))) {

sym.additemgray("item2")

 } else if (this.hitTest(sym.$("bucket_green"))) {

sym.additemgreen("item2")

 } 

sym.getComposition().getStage().showitem("item3")

}

});

[Diaco 1,997 Likes (Superhero)]

Hi TomW 

 

you just need simple loop ,but since you're using Edge animate Api , pls ask your question in edge community

https://forums.adobe.com/community/edge_animate

 

btw you can access to Draggable target by this.target , like this :

 

Draggable.create( elem , { 
onDragEnd:function(){  console.log( this.target )   }
});

[TomW 0 Likes (Newbie)]

Thanks Diaco.   I'll repost on the other forum if I need clarification.