Choose a specific variable in JavaScript

Question

I want to use a function inside a loop and here is my code:

 for (var i =a ; i < a+s; i++){
   this.mat[i].color.setHex(0xffffff)
   this.mat[b].color.setHex(0xffffff)


    this.domEvents.addEventListener(this.cases[i], 'click', function(event){

      this.tween = new TWEEN.Tween(pions.position)
                    .to({ x: cases[i].position.x, y: cases[i].position.y, z: 5}, 10000)
                    .start();

  }, false)
     this.domEvents.addEventListener(this.cases[b], 'click', function(event){

        this.tween = new TWEEN.Tween(pions.position)
                     .to({ x: cases[b].position.x, y: cases[b].position.y, z: 5}, 10000)
                     .start();
  }, false)

     b--  
  }

My problem is that in the function of the addEventListener in case[i].position. I want to use the i from the this.cases[**i**], not the i from the loop.

score 0 · Accepted Answer · answered Aug 29 '18 at 08:20

0

Try to use a function instead to attach the event like :

for (var i = a; i < a + s; i++) {
  this.mat[i].color.setHex(0xffffff)
  this.mat[b].color.setHex(0xffffff)

  attachEvent(this, i);
  attachEvent(this, b);

  b--;
}

function attachEvent(_this, index) {
  _this.domEvents.addEventListener(_this.cases[index], 'click', function(event) {

    _this.tween = new TWEEN.Tween(pions.position)
      .to({
        x: cases[index].position.x,
        y: cases[index].position.y,
        z: 5
      }, 10000)
      .start();
  }, false)
}

answered Aug 29 '18 at 08:20

Zakaria Acharki

66,747
15
75
101

have a error : [Show/hide message details.] ReferenceError: attachEvent is not defined[Learn More] who can call a function in a class – Kasper0915 Aug 29 '18 at 08:39
Try to declare the function before the loop – Zakaria Acharki Aug 29 '18 at 08:39
it's work thank a lot – Kasper0915 Aug 29 '18 at 08:59
Glad I could help brother – Zakaria Acharki Aug 29 '18 at 08:59

Choose a specific variable in JavaScript

1 Answers1