Passing Parameter To A Click Handler

Question

In the following code I would like to pas myVar variable to editNote function :

class MyNotes {
  constructor() {
    this.events();
  }

  events() {
    let myVar = 5;
    document.getElementById('btn').onclick = this.editNote;
  }

  editNote() { 

  }

}

new MyNotes;

I know that if I use

events() {
  let myVar = 5;
  document.getElementById('btn').onclick = function() {};
}

I would be able to use it directly but for some reason I can't do this. Can someone help me out ?

Answer 1

The question is a bit unclear, but is this what youre looking for?

class MyNotes {
  constructor() {
    this.events();
  }

  events() {
    let myVar = 5;
    document.getElementById('btn').onclick = ()=>{this.editNote(myVar)};
  }

  editNote(myVar) { 

  }

}

new MyNotes;

or

class MyNotes {
  myVar;

  constructor() {
    this.events();
  }

  events() {
    this.myVar = 5;
    document.getElementById('btn').onclick=this.editNote;
  }

  editNote() { 
     //use this.myVar
  }

}