I have a class definition that goes like this:
class Tool {
  constructor() {
    this.chosenFrameCodeKey = -1;
    this.refs = {
      frameCodeSelect: document.getElementsByClassName("config__selectFrameCode")[0]
    }
    this.attachFrameCodesListener();
  }
  attachFrameCodesListener() {
    this.refs.frameCodeSelect.addEventListener("change", this.frameCodeSelect_onchange, 
  }
  frameCodeSelect_onchange = function (event) {
    //how to access chosenFrameCodeKey from here?
  }
}
Now I don't know how to access chosenFrameCodeKey from frameCodeSelect_onchange event handler or call class methods from the event handlers.
Solution: was to use es6 arrow function like this:
class Tool {
  constructor() {
    this.chosenFrameCodeKey = -1;
    this.refs = {
      frameCodeSelect: document.getElementsByClassName("config__selectFrameCode")[0]
    }
    this.attachFrameCodesListener();
  }
  attachFrameCodesListener() {
    this.refs.frameCodeSelect.addEventListener("change", this.frameCodeSelect_onchange, 
  }
  frameCodeSelect_onchange = (event) => {
  }
}
